<!doctype html>
<!-- saved from url=(0034)chrome://new-tab-page-third-party/ -->
<html
  dir="ltr"
  lang="zh"
  class="focus-outline-visible"
  style="
    background-color: rgb(255, 255, 255);
    background-image: unset;
    --ntp-theme-text-color: rgba(0, 0, 0, 1);
  "
>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>新标签页</title>
    <style>
      html {
        --ntp-focus-shadow-color: rgba(var(--google-blue-600-rgb), 0.4);
        --ntp-theme-text-color: var(--google-grey-800);
        background-attachment: fixed;
        background-color: rgba(255, 255, 255, 1);
        background-position: -64px;
        background-repeat: no-repeat;
        height: 100%;
        overflow: auto;
      }

      @media (prefers-color-scheme: dark) {
        html {
          --ntp-focus-shadow-color: rgba(var(--google-blue-300-rgb), 0.5);
          --ntp-theme-text-color: white;
        }
      }

      html[has-custom-background] {
        background-image: image-set(
            url(chrome://theme/IDR_THEME_NTP_BACKGROUND?) 1x,
            url(chrome://theme/IDR_THEME_NTP_BACKGROUND@2x?) 2x);
      }

      body {
        align-items: center;
        display: flex;
        height: 100vh;
        justify-content: center;
        margin: 0;
      }

      cr-most-visited {
        --most-visited-focus-shadow: 0 0 0 2px var(--ntp-focus-shadow-color);
        --most-visited-text-color: var(--ntp-theme-text-color);
        --most-visited-text-shadow: none;
      }

      html[has-custom-background] cr-most-visited {
        --most-visited-text-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
      }
    </style>

    <custom-style>
      <style is="custom-style">
        html {
          /* Material Design color palette for Google products */

          --google-red-100-rgb: 244, 199, 195; /* #f4c7c3 */
          --google-red-100: rgb(var(--google-red-100-rgb));
          --google-red-300-rgb: 230, 124, 115; /* #e67c73 */
          --google-red-300: rgb(var(--google-red-300-rgb));
          --google-red-500-rgb: 219, 68, 55; /* #db4437 */
          --google-red-500: rgb(var(--google-red-500-rgb));
          --google-red-700-rgb: 197, 57, 41; /* #c53929 */
          --google-red-700: rgb(var(--google-red-700-rgb));

          --google-blue-100-rgb: 198, 218, 252; /* #c6dafc */
          --google-blue-100: rgb(var(--google-blue-100-rgb));
          --google-blue-300-rgb: 123, 170, 247; /* #7baaf7 */
          --google-blue-300: rgb(var(--google-blue-300-rgb));
          --google-blue-500-rgb: 66, 133, 244; /* #4285f4 */
          --google-blue-500: rgb(var(--google-blue-500-rgb));
          --google-blue-700-rgb: 51, 103, 214; /* #3367d6 */
          --google-blue-700: rgb(var(--google-blue-700-rgb));

          --google-green-100-rgb: 183, 225, 205; /* #b7e1cd */
          --google-green-100: rgb(var(--google-green-100-rgb));
          --google-green-300-rgb: 87, 187, 138; /* #57bb8a */
          --google-green-300: rgb(var(--google-green-300-rgb));
          --google-green-500-rgb: 15, 157, 88; /* #0f9d58 */
          --google-green-500: rgb(var(--google-green-500-rgb));
          --google-green-700-rgb: 11, 128, 67; /* #0b8043 */
          --google-green-700: rgb(var(--google-green-700-rgb));

          --google-yellow-100-rgb: 252, 232, 178; /* #fce8b2 */
          --google-yellow-100: rgb(var(--google-yellow-100-rgb));
          --google-yellow-300-rgb: 247, 203, 77; /* #f7cb4d */
          --google-yellow-300: rgb(var(--google-yellow-300-rgb));
          --google-yellow-500-rgb: 244, 180, 0; /* #f4b400 */
          --google-yellow-500: rgb(var(--google-yellow-500-rgb));
          --google-yellow-700-rgb: 240, 147, 0; /* #f09300 */
          --google-yellow-700: rgb(var(--google-yellow-700-rgb));

          --google-grey-100-rgb: 245, 245, 245; /* #f5f5f5 */
          --google-grey-100: rgb(var(--google-grey-100-rgb));
          --google-grey-300-rgb: 224, 224, 224; /* #e0e0e0 */
          --google-grey-300: rgb(var(--google-grey-300-rgb));
          --google-grey-500-rgb: 158, 158, 158; /* #9e9e9e */
          --google-grey-500: rgb(var(--google-grey-500-rgb));
          --google-grey-700-rgb: 97, 97, 97; /* #616161 */
          --google-grey-700: rgb(var(--google-grey-700-rgb));

          /* Material Design color palette from online spec document */

          --paper-red-50: #ffebee;
          --paper-red-100: #ffcdd2;
          --paper-red-200: #ef9a9a;
          --paper-red-300: #e57373;
          --paper-red-400: #ef5350;
          --paper-red-500: #f44336;
          --paper-red-600: #e53935;
          --paper-red-700: #d32f2f;
          --paper-red-800: #c62828;
          --paper-red-900: #b71c1c;
          --paper-red-a100: #ff8a80;
          --paper-red-a200: #ff5252;
          --paper-red-a400: #ff1744;
          --paper-red-a700: #d50000;

          --paper-light-blue-50: #e1f5fe;
          --paper-light-blue-100: #b3e5fc;
          --paper-light-blue-200: #81d4fa;
          --paper-light-blue-300: #4fc3f7;
          --paper-light-blue-400: #29b6f6;
          --paper-light-blue-500: #03a9f4;
          --paper-light-blue-600: #039be5;
          --paper-light-blue-700: #0288d1;
          --paper-light-blue-800: #0277bd;
          --paper-light-blue-900: #01579b;
          --paper-light-blue-a100: #80d8ff;
          --paper-light-blue-a200: #40c4ff;
          --paper-light-blue-a400: #00b0ff;
          --paper-light-blue-a700: #0091ea;

          --paper-yellow-50: #fffde7;
          --paper-yellow-100: #fff9c4;
          --paper-yellow-200: #fff59d;
          --paper-yellow-300: #fff176;
          --paper-yellow-400: #ffee58;
          --paper-yellow-500: #ffeb3b;
          --paper-yellow-600: #fdd835;
          --paper-yellow-700: #fbc02d;
          --paper-yellow-800: #f9a825;
          --paper-yellow-900: #f57f17;
          --paper-yellow-a100: #ffff8d;
          --paper-yellow-a200: #ffff00;
          --paper-yellow-a400: #ffea00;
          --paper-yellow-a700: #ffd600;

          --paper-orange-50: #fff3e0;
          --paper-orange-100: #ffe0b2;
          --paper-orange-200: #ffcc80;
          --paper-orange-300: #ffb74d;
          --paper-orange-400: #ffa726;
          --paper-orange-500: #ff9800;
          --paper-orange-600: #fb8c00;
          --paper-orange-700: #f57c00;
          --paper-orange-800: #ef6c00;
          --paper-orange-900: #e65100;
          --paper-orange-a100: #ffd180;
          --paper-orange-a200: #ffab40;
          --paper-orange-a400: #ff9100;
          --paper-orange-a700: #ff6500;

          --paper-grey-50: #fafafa;
          --paper-grey-100: #f5f5f5;
          --paper-grey-200: #eeeeee;
          --paper-grey-300: #e0e0e0;
          --paper-grey-400: #bdbdbd;
          --paper-grey-500: #9e9e9e;
          --paper-grey-600: #757575;
          --paper-grey-700: #616161;
          --paper-grey-800: #424242;
          --paper-grey-900: #212121;

          --paper-blue-grey-50: #eceff1;
          --paper-blue-grey-100: #cfd8dc;
          --paper-blue-grey-200: #b0bec5;
          --paper-blue-grey-300: #90a4ae;
          --paper-blue-grey-400: #78909c;
          --paper-blue-grey-500: #607d8b;
          --paper-blue-grey-600: #546e7a;
          --paper-blue-grey-700: #455a64;
          --paper-blue-grey-800: #37474f;
          --paper-blue-grey-900: #263238;

          /* opacity for dark text on a light background */
          --dark-divider-opacity: 0.12;
          --dark-disabled-opacity: 0.38; /* or hint text or icon */
          --dark-secondary-opacity: 0.54;
          --dark-primary-opacity: 0.87;

          /* opacity for light text on a dark background */
          --light-divider-opacity: 0.12;
          --light-disabled-opacity: 0.3; /* or hint text or icon */
          --light-secondary-opacity: 0.7;
          --light-primary-opacity: 1;
        }
      </style>
    </custom-style>

    <style>
      html {
        --google-blue-50-rgb: 232, 240, 254;
        --google-blue-50: rgb(var(--google-blue-50-rgb));
        --google-blue-100-rgb: 210, 227, 252;
        --google-blue-100: rgb(var(--google-blue-100-rgb));
        --google-blue-200-rgb: 174, 203, 250;
        --google-blue-200: rgb(var(--google-blue-200-rgb));
        --google-blue-300-rgb: 138, 180, 248;
        --google-blue-300: rgb(var(--google-blue-300-rgb));
        --google-blue-400-rgb: 102, 157, 246;
        --google-blue-400: rgb(var(--google-blue-400-rgb));
        --google-blue-500-rgb: 66, 133, 244;
        --google-blue-500: rgb(var(--google-blue-500-rgb));
        --google-blue-600-rgb: 26, 115, 232;
        --google-blue-600: rgb(var(--google-blue-600-rgb));
        --google-blue-700-rgb: 25, 103, 210;
        --google-blue-700: rgb(var(--google-blue-700-rgb));
        --google-blue-800-rgb: 24, 90, 188;
        --google-blue-800: rgb(var(--google-blue-800-rgb));
        --google-blue-900-rgb: 23, 78, 166;
        --google-blue-900: rgb(var(--google-blue-900-rgb));
        --google-green-50-rgb: 230, 244, 234;
        --google-green-50: rgb(var(--google-green-50-rgb));
        --google-green-200-rgb: 168, 218, 181;
        --google-green-200: rgb(var(--google-green-200-rgb));
        --google-green-300-rgb: 129, 201, 149;
        --google-green-300: rgb(var(--google-green-300-rgb));
        --google-green-400-rgb: 91, 185, 116;
        --google-green-400: rgb(var(--google-green-400-rgb));
        --google-green-500-rgb: 52, 168, 83;
        --google-green-500: rgb(var(--google-green-500-rgb));
        --google-green-600-rgb: 30, 142, 62;
        --google-green-600: rgb(var(--google-green-600-rgb));
        --google-green-700-rgb: 24, 128, 56;
        --google-green-700: rgb(var(--google-green-700-rgb));
        --google-green-800-rgb: 19, 115, 51;
        --google-green-800: rgb(var(--google-green-800-rgb));
        --google-green-900-rgb: 13, 101, 45;
        --google-green-900: rgb(var(--google-green-900-rgb));
        --google-grey-50-rgb: 248, 249, 250;
        --google-grey-50: rgb(var(--google-grey-50-rgb));
        --google-grey-100-rgb: 241, 243, 244;
        --google-grey-100: rgb(var(--google-grey-100-rgb));
        --google-grey-200-rgb: 232, 234, 237;
        --google-grey-200: rgb(var(--google-grey-200-rgb));
        --google-grey-300-rgb: 218, 220, 224;
        --google-grey-300: rgb(var(--google-grey-300-rgb));
        --google-grey-400-rgb: 189, 193, 198;
        --google-grey-400: rgb(var(--google-grey-400-rgb));
        --google-grey-500-rgb: 154, 160, 166;
        --google-grey-500: rgb(var(--google-grey-500-rgb));
        --google-grey-600-rgb: 128, 134, 139;
        --google-grey-600: rgb(var(--google-grey-600-rgb));
        --google-grey-700-rgb: 95, 99, 104;
        --google-grey-700: rgb(var(--google-grey-700-rgb));
        --google-grey-800-rgb: 60, 64, 67;
        --google-grey-800: rgb(var(--google-grey-800-rgb));
        --google-grey-900-rgb: 32, 33, 36;
        --google-grey-900: rgb(var(--google-grey-900-rgb));
        --google-grey-900-white-4-percent: #292a2d;
        --google-purple-200-rgb: 215, 174, 251;
        --google-purple-200: rgb(var(--google-purple-200-rgb));
        --google-purple-900-rgb: 104, 29, 168;
        --google-purple-900: rgb(var(--google-purple-900-rgb));
        --google-red-300-rgb: 242, 139, 130;
        --google-red-300: rgb(var(--google-red-300-rgb));
        --google-red-500-rgb: 234, 67, 53;
        --google-red-500: rgb(var(--google-red-500-rgb));
        --google-red-600-rgb: 217, 48, 37;
        --google-red-600: rgb(var(--google-red-600-rgb));
        --google-yellow-50-rgb: 254, 247, 224;
        --google-yellow-50: rgb(var(--google-yellow-50-rgb));
        --google-yellow-100-rgb: 254, 239, 195;
        --google-yellow-100: rgb(var(--google-yellow-100-rgb));
        --google-yellow-200-rgb: 253, 226, 147;
        --google-yellow-200: rgb(var(--google-yellow-200-rgb));
        --google-yellow-300-rgb: 253, 214, 51;
        --google-yellow-300: rgb(var(--google-yellow-300-rgb));
        --google-yellow-400-rgb: 252, 201, 52;
        --google-yellow-400: rgb(var(--google-yellow-400-rgb));
        --google-yellow-500-rgb: 251, 188, 4;
        --google-yellow-500: rgb(var(--google-yellow-500-rgb));
        --cr-primary-text-color: var(--google-grey-900);
        --cr-secondary-text-color: var(--google-grey-700);
        --cr-card-background-color: white;
        --cr-shadow-color: var(--google-grey-800);
        --cr-shadow-key-color_: color-mix(
          in srgb,
          var(--cr-shadow-color) 30%,
          transparent
        );
        --cr-shadow-ambient-color_: color-mix(
          in srgb,
          var(--cr-shadow-color) 15%,
          transparent
        );
        --cr-elevation-1: var(--cr-shadow-key-color_) 0 1px 2px 0,
          var(--cr-shadow-ambient-color_) 0 1px 3px 1px;
        --cr-elevation-2: var(--cr-shadow-key-color_) 0 1px 2px 0,
          var(--cr-shadow-ambient-color_) 0 2px 6px 2px;
        --cr-elevation-3: var(--cr-shadow-key-color_) 0 1px 3px 0,
          var(--cr-shadow-ambient-color_) 0 4px 8px 3px;
        --cr-elevation-4: var(--cr-shadow-key-color_) 0 2px 3px 0,
          var(--cr-shadow-ambient-color_) 0 6px 10px 4px;
        --cr-elevation-5: var(--cr-shadow-key-color_) 0 4px 4px 0,
          var(--cr-shadow-ambient-color_) 0 8px 12px 6px;
        --cr-card-shadow: var(--cr-elevation-2);
        --cr-checked-color: var(--google-blue-600);
        --cr-focused-item-color: var(--google-grey-300);
        --cr-form-field-label-color: var(--google-grey-700);
        --cr-hairline-rgb: 0, 0, 0;
        --cr-iph-anchor-highlight-color: rgba(var(--google-blue-600-rgb), 0.1);
        --cr-link-color: var(--google-blue-700);
        --cr-menu-background-color: white;
        --cr-menu-background-focus-color: var(--google-grey-400);
        --cr-menu-shadow: 0 2px 6px var(--paper-grey-500);
        --cr-separator-color: rgba(0, 0, 0, 0.06);
        --cr-title-text-color: rgb(90, 90, 90);
        --cr-toolbar-background-color: white;
        --cr-hover-background-color: rgba(var(--google-grey-900-rgb), 0.1);
        --cr-active-background-color: rgba(var(--google-grey-900-rgb), 0.16);
        --cr-focus-outline-color: rgba(var(--google-blue-600-rgb), 0.4);
      }
      @media (prefers-color-scheme: dark) {
        html {
          --cr-primary-text-color: var(--google-grey-200);
          --cr-secondary-text-color: var(--google-grey-500);
          --cr-card-background-color: var(--google-grey-900-white-4-percent);
          --cr-card-shadow-color-rgb: 0, 0, 0;
          --cr-checked-color: var(--google-blue-300);
          --cr-focused-item-color: var(--google-grey-800);
          --cr-form-field-label-color: var(--dark-secondary-color);
          --cr-hairline-rgb: 255, 255, 255;
          --cr-iph-anchor-highlight-color: rgba(
            var(--google-grey-100-rgb),
            0.1
          );
          --cr-link-color: var(--google-blue-300);
          --cr-menu-background-color: var(--google-grey-900);
          --cr-menu-background-focus-color: var(--google-grey-700);
          --cr-menu-background-sheen: rgba(255, 255, 255, 0.06);
          --cr-menu-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px 0,
            rgba(0, 0, 0, 0.15) 0 3px 6px 2px;
          --cr-separator-color: rgba(255, 255, 255, 0.1);
          --cr-title-text-color: var(--cr-primary-text-color);
          --cr-toolbar-background-color: var(--google-grey-900-white-4-percent);
          --cr-hover-background-color: rgba(255, 255, 255, 0.1);
          --cr-active-background-color: rgba(var(--google-grey-200-rgb), 0.16);
          --cr-focus-outline-color: rgba(var(--google-blue-300-rgb), 0.4);
        }
      }
      @media (forced-colors: active) {
        html {
          --cr-focus-outline-hcm: 2px solid transparent;
          --cr-border-hcm: 2px solid transparent;
        }
      }
      html {
        --cr-button-edge-spacing: 12px;
        --cr-button-height: 32px;
        --cr-controlled-by-spacing: 24px;
        --cr-default-input-max-width: 264px;
        --cr-icon-ripple-size: 36px;
        --cr-icon-ripple-padding: 8px;
        --cr-icon-size: 20px;
        --cr-icon-button-margin-start: 16px;
        --cr-icon-ripple-margin: calc(var(--cr-icon-ripple-padding) * -1);
        --cr-section-min-height: 48px;
        --cr-section-two-line-min-height: 64px;
        --cr-section-padding: 20px;
        --cr-section-vertical-padding: 12px;
        --cr-section-indent-width: 40px;
        --cr-section-indent-padding: calc(
          var(--cr-section-padding) + var(--cr-section-indent-width)
        );
        --cr-section-vertical-margin: 21px;
        --cr-centered-card-max-width: 680px;
        --cr-centered-card-width-percentage: 0.96;
        --cr-hairline: 1px solid rgba(var(--cr-hairline-rgb), 0.14);
        --cr-separator-height: 1px;
        --cr-separator-line: var(--cr-separator-height) solid
          var(--cr-separator-color);
        --cr-toolbar-overlay-animation-duration: 150ms;
        --cr-toolbar-height: 56px;
        --cr-container-shadow-height: 6px;
        --cr-container-shadow-margin: calc(
          -1 * var(--cr-container-shadow-height)
        );
        --cr-container-shadow-max-opacity: 1;
        --cr-card-border-radius: 8px;
        --cr-disabled-opacity: 0.38;
        --cr-form-field-bottom-spacing: 16px;
        --cr-form-field-label-font-size: 0.625rem;
        --cr-form-field-label-height: 1em;
        --cr-form-field-label-line-height: 1;
      }
      html[chrome-refresh-2023] {
        --cr-fallback-color-outline: rgb(116, 119, 117);
        --cr-fallback-color-primary: rgb(11, 87, 208);
        --cr-fallback-color-on-primary: rgb(255, 255, 255);
        --cr-fallback-color-primary-container: rgb(211, 227, 253);
        --cr-fallback-color-on-primary-container: rgb(4, 30, 73);
        --cr-fallback-color-secondary-container: rgb(194, 231, 255);
        --cr-fallback-color-on-secondary-container: rgb(0, 29, 53);
        --cr-fallback-color-neutral-container: rgb(242, 242, 242);
        --cr-fallback-color-neutral-outline: rgb(199, 199, 199);
        --cr-fallback-color-surface: rgb(255, 255, 255);
        --cr-fallback-color-on-surface-rgb: 31, 31, 31;
        --cr-fallback-color-on-surface: rgb(
          var(--cr-fallback-color-on-surface-rgb)
        );
        --cr-fallback-color-surface-variant: rgb(225, 227, 225);
        --cr-fallback-color-on-surface-variant: rgb(68, 71, 70);
        --cr-fallback-color-on-surface-subtle: rgb(71, 71, 71);
        --cr-fallback-color-inverse-primary: rgb(168, 199, 250);
        --cr-fallback-color-inverse-surface: rgb(48, 48, 48);
        --cr-fallback-color-inverse-on-surface: rgb(242, 242, 242);
        --cr-fallback-color-tonal-container: rgb(211, 227, 253);
        --cr-fallback-color-on-tonal-container: rgb(4, 30, 73);
        --cr-fallback-color-tonal-outline: rgb(168, 199, 250);
        --cr-fallback-color-error: rgb(179, 38, 30);
        --cr-fallback-color-divider: rgb(211, 227, 253);
        --cr-fallback-color-state-hover-on-prominent_: rgba(253, 252, 251, 0.1);
        --cr-fallback-color-state-on-subtle-rgb_: 31, 31, 31;
        --cr-fallback-color-state-hover-on-subtle_: rgba(
          var(--cr-fallback-color-state-on-subtle-rgb_),
          0.06
        );
        --cr-fallback-color-state-ripple-neutral-on-subtle_: rgba(
          var(--cr-fallback-color-state-on-subtle-rgb_),
          0.08
        );
        --cr-fallback-color-state-ripple-primary-rgb_: 124, 172, 248;
        --cr-fallback-color-state-ripple-primary_: rgba(
          var(--cr-fallback-color-state-ripple-primary-rgb_),
          0.32
        );
        --cr-fallback-color-base-container: rgba(105, 145, 214, 0.12);
        --cr-fallback-color-disabled-background: rgba(
          var(--cr-fallback-color-on-surface-rgb),
          0.12
        );
        --cr-fallback-color-disabled-foreground: rgba(
          var(--cr-fallback-color-on-surface-rgb),
          var(--cr-disabled-opacity)
        );
        --cr-hover-background-color: var(
          --color-sys-state-hover,
          rgba(var(--cr-fallback-color-on-surface-rgb), 0.08)
        );
        --cr-hover-on-prominent-background-color: var(
          --color-sys-state-hover-on-prominent,
          var(--cr-fallback-color-state-hover-on-prominent_)
        );
        --cr-hover-on-subtle-background-color: var(
          --color-sys-state-hover-on-subtle,
          var(--cr-fallback-color-state-hover-on-subtle_)
        );
        --cr-active-background-color: var(
          --color-sys-state-pressed,
          rgba(var(--cr-fallback-color-on-surface-rgb), 0.12)
        );
        --cr-active-on-primary-background-color: var(
          --color-sys-state-ripple-primary,
          var(--cr-fallback-color-state-ripple-primary_)
        );
        --cr-active-neutral-on-subtle-background-color: var(
          --color-sys-state-ripple-neutral-on-subtle,
          var(--cr-fallback-color-state-ripple-neutral-on-subtle_)
        );
        --cr-focus-outline-color: var(
          --color-sys-state-focus-ring,
          var(--cr-fallback-color-primary)
        );
        --cr-primary-text-color: var(
          --color-primary-foreground,
          var(--cr-fallback-color-on-surface)
        );
        --cr-secondary-text-color: var(
          --color-secondary-foreground,
          var(--cr-fallback-color-on-surface-variant)
        );
        --cr-link-color: var(
          --color-link-foreground-default,
          var(--cr-fallback-color-primary)
        );
        --cr-button-height: 36px;
        --cr-shadow-color: var(--color-sys-shadow, rgb(0, 0, 0));
      }
      @media (prefers-color-scheme: dark) {
        html[chrome-refresh-2023] {
          --cr-fallback-color-outline: rgb(142, 145, 143);
          --cr-fallback-color-primary: rgb(168, 199, 250);
          --cr-fallback-color-on-primary: rgb(6, 46, 111);
          --cr-fallback-color-primary-container: rgb(8, 66, 160);
          --cr-fallback-color-on-primary-container: rgb(211, 227, 253);
          --cr-fallback-color-secondary-container: rgb(0, 74, 119);
          --cr-fallback-color-on-secondary-container: rgb(194, 231, 255);
          --cr-fallback-color-neutral-container: rgb(42, 42, 42);
          --cr-fallback-color-neutral-outline: rgb(117, 117, 117);
          --cr-fallback-color-surface: rgb(26, 27, 30);
          --cr-fallback-color-on-surface-rgb: 227, 227, 227;
          --cr-fallback-color-surface-variant: rgb(68, 71, 70);
          --cr-fallback-color-on-surface-variant: rgb(196, 199, 197);
          --cr-fallback-color-on-surface-subtle: rgb(199, 199, 199);
          --cr-fallback-color-inverse-primary: rgb(11, 87, 208);
          --cr-fallback-color-inverse-surface: rgb(227, 227, 227);
          --cr-fallback-color-inverse-on-surface: rgb(31, 31, 31);
          --cr-fallback-color-tonal-container: rgb(0, 74, 119);
          --cr-fallback-color-on-tonal-container: rgb(194, 231, 255);
          --cr-fallback-color-tonal-outline: rgb(0, 99, 155);
          --cr-fallback-color-error: rgb(242, 184, 181);
          --cr-fallback-color-divider: rgb(71, 71, 71);
          --cr-fallback-color-state-hover-on-prominent_: rgba(31, 31, 31, 0.06);
          --cr-fallback-color-state-on-subtle-rgb_: 253, 252, 251;
          --cr-fallback-color-state-hover-on-subtle_: rgba(
            var(--cr-fallback-color-state-on-subtle-rgb_),
            0.1
          );
          --cr-fallback-color-state-ripple-neutral-on-subtle_: rgba(
            var(--cr-fallback-color-state-on-subtle-rgb_),
            0.16
          );
          --cr-fallback-color-state-ripple-primary-rgb_: 76, 141, 246;
          --cr-fallback-color-base-container: rgba(40, 40, 40, 1);
        }
      }
      @media (forced-colors: active) {
        html[chrome-refresh-2023] {
          --cr-fallback-color-disabled-background: Canvas;
          --cr-fallback-color-disabled-foreground: GrayText;
        }
      }
    </style>
  </head>
  <body>
    <script
      type="module"
      src="chrome://new-tab-page-third-party/strings.m.js"
    ></script>
    <cr-most-visited visible_="">
      <template shadowrootmode="open">
        <!--_html_template_start_-->
        <style>
          :host([hidden]),
          [hidden] {
            display: none !important;
          }
        </style>
        <style>
          .icon-arrow-back {
            --cr-icon-image: url('chrome://resources/images/icon_arrow_back.svg');
          }
          .icon-arrow-dropdown {
            --cr-icon-image: url('chrome://resources/images/icon_arrow_dropdown.svg');
          }
          .icon-arrow-drop-down-cr23 {
            --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_down_cr23.svg');
          }
          .icon-arrow-drop-up-cr23 {
            --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_up_cr23.svg');
          }
          .icon-cancel {
            --cr-icon-image: url('chrome://resources/images/icon_cancel.svg');
          }
          .icon-clear {
            --cr-icon-image: url('chrome://resources/images/icon_clear.svg');
          }
          .icon-copy-content {
            --cr-icon-image: url('chrome://resources/images/icon_copy_content.svg');
          }
          .icon-delete-gray {
            --cr-icon-image: url('chrome://resources/images/icon_delete_gray.svg');
          }
          .icon-edit {
            --cr-icon-image: url('chrome://resources/images/icon_edit.svg');
          }
          .icon-file {
            --cr-icon-image: url('chrome://resources/images/icon_filetype_generic.svg');
          }
          .icon-folder-open {
            --cr-icon-image: url('chrome://resources/images/icon_folder_open.svg');
          }
          .icon-picture-delete {
            --cr-icon-image: url('chrome://resources/images/icon_picture_delete.svg');
          }
          .icon-expand-less {
            --cr-icon-image: url('chrome://resources/images/icon_expand_less.svg');
          }
          .icon-expand-more {
            --cr-icon-image: url('chrome://resources/images/icon_expand_more.svg');
          }
          .icon-external {
            --cr-icon-image: url('chrome://resources/images/open_in_new.svg');
          }
          .icon-more-vert {
            --cr-icon-image: url('chrome://resources/images/icon_more_vert.svg');
          }
          .icon-refresh {
            --cr-icon-image: url('chrome://resources/images/icon_refresh.svg');
          }
          .icon-search {
            --cr-icon-image: url('chrome://resources/images/icon_search.svg');
          }
          .icon-settings {
            --cr-icon-image: url('chrome://resources/images/icon_settings.svg');
          }
          .icon-visibility {
            --cr-icon-image: url('chrome://resources/images/icon_visibility.svg');
          }
          .icon-visibility-off {
            --cr-icon-image: url('chrome://resources/images/icon_visibility_off.svg');
          }
          .subpage-arrow {
            --cr-icon-image: url('chrome://resources/images/arrow_right.svg');
          }
          .cr-icon {
            -webkit-mask-image: var(--cr-icon-image);
            -webkit-mask-position: center;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: var(--cr-icon-size);
            background-color: var(--cr-icon-color, var(--google-grey-700));
            flex-shrink: 0;
            height: var(--cr-icon-ripple-size);
            margin-inline-end: var(--cr-icon-ripple-margin);
            margin-inline-start: var(--cr-icon-button-margin-start);
            user-select: none;
            width: var(--cr-icon-ripple-size);
          }
          :host-context([dir='rtl']) .cr-icon {
            transform: scaleX(-1);
          }
          .cr-icon.no-overlap {
            margin-inline-end: 0;
            margin-inline-start: 0;
          }
          @media (prefers-color-scheme: dark) {
            .cr-icon {
              background-color: var(--cr-icon-color, var(--google-grey-500));
            }
          }
        </style>
        <style include="cr-hidden-style cr-icons">
          :host {
            --icon-button-color-active: var(--google-grey-700);
            --icon-button-color: var(--google-grey-600);
            --icon-size: 48px;
            --tile-background-color: rgb(229, 231, 232);
            --tile-hover-color: rgba(var(--google-grey-900-rgb), 0.1);
            --tile-size: 112px;
            --title-height: 32px;
          }
          @media (prefers-color-scheme: dark) {
            :host {
              --tile-background-color: var(--google-grey-100);
            }
          }
          :host([is-dark_]) {
            --icon-button-color-active: var(--google-grey-300);
            --icon-button-color: white;
            --tile-hover-color: rgba(255, 255, 255, 0.1);
          }
          #container {
            --content-width: calc(var(--column-count) * var(--tile-size) + 1px);
            display: flex;
            flex-wrap: wrap;
            height: calc(var(--row-count) * var(--tile-size));
            justify-content: center;
            margin-bottom: 8px;
            opacity: 0;
            overflow: hidden;
            padding: 2px;
            transition: opacity 0.3s ease-in-out;
            width: calc(var(--content-width) + 12px);
          }
          :host([visible_]) #container {
            opacity: 1;
          }
          #addShortcutIcon,
          .query-tile-icon {
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 100%;
            height: 24px;
            width: 24px;
          }
          #addShortcutIconContainer {
            background-color: var(
              --add-shortcut-background-color,
              var(--tile-background-color)
            );
          }
          :host-context([chrome-refresh-2023]) #addShortcutIconContainer {
            margin-inline-start: auto;
            margin-inline-end: auto;
          }
          #addShortcutIcon {
            -webkit-mask-image: url('chrome://resources/images/add.svg');
            background-color: var(
              --add-shortcut-foreground-color,
              var(--google-grey-900)
            );
          }
          .query-tile-icon {
            -webkit-mask-image: url('chrome://resources/images/icon_search.svg');
            background-color: var(--google-grey-700);
          }
          @media (forced-colors: active) {
            #addShortcutIcon,
            .query-tile-icon {
              background-color: ButtonText;
            }
          }
          :host([use-white-tile-icon_]) #addShortcutIcon {
            background-color: #fff;
          }
          :host([use-white-tile-icon_]) .query-tile-icon {
            background-color: var(--google-grey-400);
          }
          #addShortcut,
          .tile {
            -webkit-tap-highlight-color: transparent;
            align-items: center;
            border-radius: 4px;
            box-sizing: border-box;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            height: var(--tile-size);
            opacity: 1;
            outline: 0;
            position: relative;
            text-decoration: none;
            transition-duration: 0.3s;
            transition-property: left, top;
            transition-timing-function: ease-in-out;
            user-select: none;
            width: var(--tile-size);
          }
          .tile a {
            border-radius: 4px;
            display: inline-block;
            height: 100%;
            outline: 0;
            position: absolute;
            touch-action: none;
            width: 100%;
          }
          :host-context(.focus-outline-visible) #addShortcut:focus,
          :host-context(.focus-outline-visible) .tile a:focus {
            box-shadow: var(--most-visited-focus-shadow);
          }
          @media (forced-colors: active) {
            :host-context(.focus-outline-visible) #addShortcut:focus,
            :host-context(.focus-outline-visible) .tile a:focus {
              outline: var(--cr-focus-outline-hcm);
            }
          }
          #addShortcut {
            background-color: transparent;
            border: none;
            box-shadow: none;
            justify-content: unset;
            padding: 0;
          }
          .force-hover,
          :host(:not([reordering_])) #addShortcut:hover,
          :host(:not([reordering_])) .tile:hover {
            background-color: var(--tile-hover-color);
          }
          .tile-icon {
            align-items: center;
            background-color: var(--tile-background-color);
            border-radius: 50%;
            display: flex;
            flex-shrink: 0;
            height: var(--icon-size);
            justify-content: center;
            margin-top: 16px;
            width: var(--icon-size);
          }
          .tile-icon img {
            height: 24px;
            width: 24px;
          }
          .tile-title {
            align-items: center;
            border-radius: calc(var(--title-height) / 2 + 2px);
            color: var(--most-visited-text-color);
            display: flex;
            height: var(--title-height);
            line-height: calc(var(--title-height) / 2);
            margin-top: 6px;
            padding: 2px 8px;
            width: 88px;
          }
          .tile-title span {
            font-weight: 400;
            overflow: hidden;
            text-align: center;
            text-overflow: ellipsis;
            text-shadow: var(--most-visited-text-shadow);
            white-space: nowrap;
            width: 100%;
          }
          .tile[query-tile] .tile-title span {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            white-space: initial;
          }
          .title-rtl {
            direction: rtl;
          }
          .title-ltr {
            direction: ltr;
          }
          .tile.dragging {
            background-color: var(--tile-hover-color);
            transition-property: none;
            z-index: 2;
          }
          cr-icon-button {
            --cr-icon-button-fill-color: var(--icon-button-color);
            --cr-icon-button-size: 28px;
            --cr-icon-button-transition: none;
            margin: 4px 2px;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transition: opacity 0.1s ease-in-out;
          }
          :host-context([dir='rtl']) cr-icon-button {
            left: 0;
            right: unset;
          }
          .force-hover cr-icon-button,
          :host(:not([reordering_])) .tile:hover cr-icon-button {
            opacity: 1;
            transition-delay: 0.4s;
          }
          :host(:not([reordering_])) cr-icon-button:active,
          :host(:not([reordering_])) cr-icon-button:hover,
          :host-context(.focus-outline-visible):host(:not([reordering_]))
            cr-icon-button:focus {
            --cr-icon-button-fill-color: var(--icon-button-color-active);
            opacity: 1;
            transition-delay: 0s;
          }
          :host-context([chrome-refresh-2023]) #dialogContent {
            height: 160px;
          }
        </style>
        <div
          id="container"
          style="
            --tile-background-color: rgba(225, 227, 225, 1);
            --column-count: 4;
            --row-count: 2;
          "
        >
          <div class="tile" draggable="true" title="工作台 · 语雀">
            <a
              draggable="false"
              aria-label="工作台 · 语雀"
              href="https://www.yuque.com/dashboard"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=https%3A%2F%2Fwww.yuque.com%2Fdashboard"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>工作台 · 语雀</span></div>
          </div>
          <div class="tile" draggable="true" title="后台管理系统通用模板">
            <a
              draggable="false"
              aria-label="后台管理系统通用模板"
              href="http://localhost:5173/#/login"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=http%3A%2F%2Flocalhost%3A5173%2F%23%2Flogin"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr">
              <span>后台管理系统通用模板</span>
            </div>
          </div>
          <div class="tile" draggable="true" title="工作台">
            <a
              draggable="false"
              aria-label="工作台"
              href="https://gitee.com/"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=https%3A%2F%2Fgitee.com%2F"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>工作台</span></div>
          </div>
          <div class="tile" draggable="true" title="Vite + Vue + TS">
            <a
              draggable="false"
              aria-label="Vite + Vue + TS"
              href="http://localhost:5173/home"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=http%3A%2F%2Flocalhost%3A5173%2Fhome"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>Vite + Vue + TS</span></div>
          </div>
          <div class="tile" draggable="true" title="Form 表单">
            <a
              draggable="false"
              aria-label="Form 表单"
              href="https://element-plus.org/zh-CN/component/form.html"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=https%3A%2F%2Felement-plus.org%2Fzh-CN%2Fcomponent%2Fform.html"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>Form 表单</span></div>
          </div>
          <div class="tile" draggable="true" title="后台管理系统通用模板">
            <a
              draggable="false"
              aria-label="后台管理系统通用模板"
              href="http://localhost:5173/main"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=http%3A%2F%2Flocalhost%3A5173%2Fmain"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr">
              <span>后台管理系统通用模板</span>
            </div>
          </div>
          <div class="tile" draggable="true" title="新奥集团">
            <a
              draggable="false"
              aria-label="新奥集团"
              href="https://test.zhiding.com.cn/WebTest/Login.aspx?aid=464873&amp;pid=26532164&amp;identify=DC7F79D54EAA2BC47B1973AE3FD9832C"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=https%3A%2F%2Ftest.zhiding.com.cn%2FWebTest%2FLogin.aspx%3Faid%3D464873%26pid%3D26532164%26identify%3DDC7F79D54EAA2BC47B1973AE3FD9832C"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>新奥集团</span></div>
          </div>
          <div class="tile" draggable="true" title="FuturePython">
            <a
              draggable="false"
              aria-label="FuturePython"
              href="https://search.bilibili.com/all?keyword=FuturePython&amp;from_source=webtop_search&amp;spm_id_from=333.1007&amp;search_source=5"
            ></a>
            <cr-icon-button
              id="actionMenuButton"
              class="icon-more-vert"
              tabindex="0"
              hidden=""
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <cr-icon-button
              id="removeButton"
              class="icon-clear"
              tabindex="0"
              title="移除"
              aria-disabled="false"
              role="button"
            >
              <template shadowrootmode="open">
                <!--_html_template_start_-->
                <style>
                  :host {
                    --cr-icon-button-fill-color: var(--google-grey-700);
                    --cr-icon-button-icon-start-offset: 0;
                    --cr-icon-button-icon-size: 20px;
                    --cr-icon-button-size: 36px;
                    --cr-icon-button-height: var(--cr-icon-button-size);
                    --cr-icon-button-transition: 150ms ease-in-out;
                    --cr-icon-button-width: var(--cr-icon-button-size);
                    -webkit-tap-highlight-color: transparent;
                    border-radius: 50%;
                    color: var(
                      --cr-icon-button-stroke-color,
                      var(--cr-icon-button-fill-color)
                    );
                    cursor: pointer;
                    display: inline-flex;
                    flex-shrink: 0;
                    height: var(--cr-icon-button-height);
                    margin-inline-end: var(
                      --cr-icon-button-margin-end,
                      var(--cr-icon-ripple-margin)
                    );
                    margin-inline-start: var(--cr-icon-button-margin-start);
                    outline: 0;
                    overflow: hidden;
                    user-select: none;
                    vertical-align: middle;
                    width: var(--cr-icon-button-width);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    --cr-icon-button-fill-color: currentColor;
                    --cr-icon-button-size: 32px;
                    position: relative;
                  }
                  :host(:hover) {
                    background-color: var(
                      --cr-icon-button-hover-background-color,
                      var(--cr-hover-background-color)
                    );
                  }
                  :host(:focus-visible:focus) {
                    box-shadow: inset 0 0 0 2px
                      var(
                        --cr-icon-button-focus-outline-color,
                        var(--cr-focus-outline-color)
                      );
                  }
                  @media (forced-colors: active) {
                    :host(:focus-visible:focus) {
                      outline: var(--cr-focus-outline-hcm);
                    }
                  }
                  :host-context(html:not([chrome-refresh-2023]))
                    :host(:active) {
                    background-color: var(
                      --cr-icon-button-active-background-color,
                      var(--cr-active-background-color)
                    );
                  }
                  paper-ripple {
                    display: none;
                  }
                  :host-context([chrome-refresh-2023]) paper-ripple {
                    --paper-ripple-opacity: 1;
                    color: var(--cr-active-background-color);
                    display: block;
                  }
                  :host([disabled]) {
                    cursor: initial;
                    opacity: var(--cr-disabled-opacity);
                    pointer-events: none;
                  }
                  :host(.no-overlap) {
                    --cr-icon-button-margin-end: 0;
                    --cr-icon-button-margin-start: 0;
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr']):not([multiple-icons_])
                    ) {
                    transform: scaleX(-1);
                  }
                  :host-context([dir='rtl']):host(
                      :not([dir='ltr'])[multiple-icons_]
                    )
                    iron-icon {
                    transform: scaleX(-1);
                  }
                  :host(:not([iron-icon])) #maskedImage {
                    -webkit-mask-image: var(--cr-icon-image);
                    -webkit-mask-position: center;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-size: var(--cr-icon-button-icon-size);
                    -webkit-transform: var(--cr-icon-image-transform, none);
                    background-color: var(--cr-icon-button-fill-color);
                    height: 100%;
                    transition: background-color
                      var(--cr-icon-button-transition);
                    width: 100%;
                  }
                  @media (forced-colors: active) {
                    :host(:not([iron-icon])) #maskedImage {
                      background-color: ButtonText;
                    }
                  }
                  #icon {
                    align-items: center;
                    border-radius: 4px;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    padding-inline-start: var(
                      --cr-icon-button-icon-start-offset
                    );
                    position: relative;
                    width: 100%;
                  }
                  iron-icon {
                    --iron-icon-fill-color: var(--cr-icon-button-fill-color);
                    --iron-icon-stroke-color: var(
                      --cr-icon-button-stroke-color,
                      none
                    );
                    --iron-icon-height: var(--cr-icon-button-icon-size);
                    --iron-icon-width: var(--cr-icon-button-icon-size);
                    transition:
                      fill var(--cr-icon-button-transition),
                      stroke var(--cr-icon-button-transition);
                  }
                  @media (prefers-color-scheme: dark) {
                    :host {
                      --cr-icon-button-fill-color: var(--google-grey-500);
                    }
                  }
                </style>
                <div id="icon"><div id="maskedImage"></div></div>
                <!--_html_template_end_-->
              </template>
            </cr-icon-button>
            <div class="tile-icon">
              <img
                draggable="false"
                alt=""
                src="chrome://favicon2/?size=24&amp;scaleFactor=1x&amp;showFallbackMonogram=&amp;pageUrl=https%3A%2F%2Fsearch.bilibili.com%2Fall%3Fkeyword%3DFuturePython%26from_source%3Dwebtop_search%26spm_id_from%3D333.1007%26search_source%3D5"
              />
              <div class="query-tile-icon" draggable="false" hidden=""></div>
            </div>
            <div class="tile-title title-ltr"><span>FuturePython</span></div>
          </div>
          <dom-repeat id="tiles" style="display: none">
            <template></template>
          </dom-repeat>
          <cr-button
            id="addShortcut"
            tabindex="0"
            noink=""
            aria-label=""
            role="button"
            aria-disabled="false"
            hidden=""
          >
            <template shadowrootmode="open">
              <!--_html_template_start_-->
              <style>
                :host([hidden]),
                [hidden] {
                  display: none !important;
                }
              </style>
              <style include="cr-hidden-style">
                :host {
                  --active-shadow-rgb: var(--google-grey-800-rgb);
                  --active-shadow-action-rgb: var(--google-blue-500-rgb);
                  --bg-action: var(--google-blue-600);
                  --border-color: var(--google-grey-300);
                  --disabled-bg-action: var(--google-grey-100);
                  --disabled-bg: white;
                  --disabled-border-color: var(--google-grey-100);
                  --disabled-text-color: var(--google-grey-600);
                  --focus-shadow-color: rgba(var(--google-blue-600-rgb), 0.4);
                  --hover-bg-action: rgba(var(--google-blue-600-rgb), 0.9);
                  --hover-bg-color: rgba(var(--google-blue-500-rgb), 0.04);
                  --hover-border-color: var(--google-blue-100);
                  --hover-shadow-action-rgb: var(--google-blue-500-rgb);
                  --ink-color-action: white;
                  --ink-color: var(--google-blue-600);
                  --ripple-opacity-action: 0.32;
                  --ripple-opacity: 0.1;
                  --text-color-action: white;
                  --text-color: var(--google-blue-600);
                }
                @media (prefers-color-scheme: dark) {
                  :host {
                    --active-bg: black
                      linear-gradient(
                        rgba(255, 255, 255, 0.06),
                        rgba(255, 255, 255, 0.06)
                      );
                    --active-shadow-rgb: 0, 0, 0;
                    --active-shadow-action-rgb: var(--google-blue-500-rgb);
                    --bg-action: var(--google-blue-300);
                    --border-color: var(--google-grey-700);
                    --disabled-bg-action: var(--google-grey-800);
                    --disabled-bg: transparent;
                    --disabled-border-color: var(--google-grey-800);
                    --disabled-text-color: var(--google-grey-500);
                    --focus-shadow-color: rgba(var(--google-blue-300-rgb), 0.5);
                    --hover-bg-action: var(--bg-action)
                      linear-gradient(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08));
                    --hover-bg-color: rgba(var(--google-blue-300-rgb), 0.08);
                    --ink-color-action: black;
                    --ink-color: var(--google-blue-300);
                    --ripple-opacity-action: 0.16;
                    --ripple-opacity: 0.16;
                    --text-color-action: var(--google-grey-900);
                    --text-color: var(--google-blue-300);
                  }
                }
                :host {
                  --paper-ripple-opacity: var(--ripple-opacity);
                  -webkit-tap-highlight-color: transparent;
                  align-items: center;
                  border: 1px solid var(--border-color);
                  border-radius: 4px;
                  box-sizing: border-box;
                  color: var(--text-color);
                  cursor: pointer;
                  display: inline-flex;
                  flex-shrink: 0;
                  font-weight: 500;
                  height: var(--cr-button-height);
                  justify-content: center;
                  min-width: 5.14em;
                  outline-width: 0;
                  overflow: hidden;
                  padding: 8px 16px;
                  position: relative;
                  user-select: none;
                }
                :host-context([chrome-refresh-2023]):host {
                  --border-color: var(
                    --color-button-border,
                    var(--cr-fallback-color-tonal-outline)
                  );
                  --text-color: var(
                    --color-button-foreground,
                    var(--cr-fallback-color-primary)
                  );
                  --hover-bg-color: transparent;
                  --hover-border-color: var(--border-color);
                  --active-bg: transparent;
                  --active-shadow: none;
                  --ink-color: var(--cr-active-background-color);
                  --ripple-opacity: 1;
                  --disabled-bg: transparent;
                  --disabled-border-color: var(
                    --color-button-border-disabled,
                    var(--cr-fallback-color-disabled-background)
                  );
                  --disabled-text-color: var(
                    --color-button-foreground-disabled,
                    var(--cr-fallback-color-disabled-foreground)
                  );
                  --bg-action: var(
                    --color-button-background-prominent,
                    var(--cr-fallback-color-primary)
                  );
                  --text-color-action: var(
                    --color-button-foreground-prominent,
                    var(--cr-fallback-color-on-primary)
                  );
                  --hover-bg-action: var(--bg-action);
                  --active-shadow-action: none;
                  --ink-color-action: var(--cr-active-background-color);
                  --ripple-opacity-action: 1;
                  --disabled-bg-action: var(
                    --color-button-background-prominent-disabled,
                    var(--cr-fallback-color-disabled-background)
                  );
                  background: 0 0;
                  border-radius: 100px;
                  isolation: isolate;
                  line-height: 20px;
                }
                :host([has-prefix-icon_]),
                :host([has-suffix-icon_]) {
                  --iron-icon-height: 16px;
                  --iron-icon-width: 16px;
                  gap: 8px;
                  padding: 8px;
                }
                :host-context([chrome-refresh-2023]):host([has-prefix-icon_]),
                :host-context([chrome-refresh-2023]):host([has-suffix-icon_]) {
                  --iron-icon-height: 20px;
                  --iron-icon-width: 20px;
                  --icon-block-padding-large: 16px;
                  --icon-block-padding-small: 12px;
                  padding-block-end: 8px;
                  padding-block-start: 8px;
                }
                :host-context([chrome-refresh-2023]):host([has-prefix-icon_]) {
                  padding-inline-end: var(--icon-block-padding-large);
                  padding-inline-start: var(--icon-block-padding-small);
                }
                :host-context([chrome-refresh-2023]):host([has-suffix-icon_]) {
                  padding-inline-end: var(--icon-block-padding-small);
                  padding-inline-start: var(--icon-block-padding-large);
                }
                :host-context(.focus-outline-visible):host(:focus) {
                  box-shadow: 0 0 0 2px var(--focus-shadow-color);
                }
                @media (forced-colors: active) {
                  :host-context(.focus-outline-visible):host(:focus) {
                    outline: var(--cr-focus-outline-hcm);
                  }
                  :host-context([chrome-refresh-2023]):host {
                    forced-color-adjust: none;
                  }
                }
                :host-context([chrome-refresh-2023].focus-outline-visible):host(
                    :focus
                  ) {
                  box-shadow: none;
                  outline: 2px solid var(--cr-focus-outline-color);
                  outline-offset: 2px;
                }
                :host(:active) {
                  background: var(--active-bg);
                  box-shadow: var(
                    --active-shadow,
                    0 1px 2px 0 rgba(var(--active-shadow-rgb), 0.3),
                    0 3px 6px 2px rgba(var(--active-shadow-rgb), 0.15)
                  );
                }
                :host(:hover) {
                  background-color: var(--hover-bg-color);
                }
                @media (prefers-color-scheme: light) {
                  :host(:hover) {
                    border-color: var(--hover-border-color);
                  }
                }
                #background {
                  border-radius: inherit;
                  inset: 0;
                  pointer-events: none;
                  position: absolute;
                  z-index: 0;
                }
                :host-context([chrome-refresh-2023]):host(:hover) #background {
                  background-color: var(--hover-bg-color);
                }
                :host-context([chrome-refresh-2023].focus-outline-visible):host(
                    :focus
                  )
                  #background {
                  background-clip: padding-box;
                }
                :host-context([chrome-refresh-2023]):host(.action-button)
                  #background {
                  background-color: var(--bg-action);
                }
                :host-context([chrome-refresh-2023]):host([disabled])
                  #background {
                  background-color: var(--disabled-bg);
                }
                :host-context([chrome-refresh-2023]):host(
                    .action-button[disabled]
                  )
                  #background {
                  background-color: var(--disabled-bg-action);
                }
                :host-context([chrome-refresh-2023]):host(.floating-button)
                  #background,
                :host-context([chrome-refresh-2023]):host(.tonal-button)
                  #background {
                  background-color: var(
                    --color-button-background-tonal,
                    var(--cr-fallback-color-secondary-container)
                  );
                }
                :host-context([chrome-refresh-2023]):host(
                    [disabled].floating-button
                  )
                  #background,
                :host-context([chrome-refresh-2023]):host(
                    [disabled].tonal-button
                  )
                  #background {
                  background-color: var(
                    --color-button-background-tonal-disabled,
                    var(--cr-fallback-color-disabled-background)
                  );
                }
                #content {
                  display: contents;
                }
                :host-context([chrome-refresh-2023]) #content {
                  display: inline;
                  z-index: 2;
                }
                :host-context([chrome-refresh-2023]) ::slotted(*) {
                  z-index: 2;
                }
                #hoverBackground {
                  content: '';
                  display: none;
                  inset: 0;
                  pointer-events: none;
                  position: absolute;
                  z-index: 1;
                }
                :host-context([chrome-refresh-2023]):host(:hover)
                  #hoverBackground {
                  background: var(--cr-hover-background-color);
                  display: block;
                }
                :host-context([chrome-refresh-2023]):host(.action-button:hover)
                  #hoverBackground {
                  background: var(--cr-hover-on-prominent-background-color);
                }
                :host(.action-button) {
                  --ink-color: var(--ink-color-action);
                  --paper-ripple-opacity: var(--ripple-opacity-action);
                  background-color: var(--bg-action);
                  border: none;
                  color: var(--text-color-action);
                }
                :host-context([chrome-refresh-2023]):host(.action-button) {
                  --ink-color: var(--cr-active-on-primary-background-color);
                  background-color: transparent;
                }
                :host(.action-button:active) {
                  box-shadow: var(
                    --active-shadow-action,
                    0 1px 2px 0 rgba(var(--active-shadow-action-rgb), 0.3),
                    0 3px 6px 2px rgba(var(--active-shadow-action-rgb), 0.15)
                  );
                }
                :host(.action-button:hover) {
                  background: var(--hover-bg-action);
                }
                @media (prefers-color-scheme: light) {
                  :host(.action-button:not(:active):hover) {
                    box-shadow:
                      0 1px 2px 0 rgba(var(--hover-shadow-action-rgb), 0.3),
                      0 1px 3px 1px rgba(var(--hover-shadow-action-rgb), 0.15);
                  }
                  :host-context([chrome-refresh-2023]):host(
                      .action-button:not(:active):hover
                    ) {
                    box-shadow: none;
                  }
                }
                :host([disabled]) {
                  background-color: var(--disabled-bg);
                  border-color: var(--disabled-border-color);
                  color: var(--disabled-text-color);
                  cursor: auto;
                  pointer-events: none;
                }
                :host(.action-button[disabled]) {
                  background-color: var(--disabled-bg-action);
                  border-color: transparent;
                }
                :host(.cancel-button) {
                  margin-inline-end: 8px;
                }
                :host(.action-button),
                :host(.cancel-button) {
                  line-height: 154%;
                }
                :host-context([chrome-refresh-2023]):host(.floating-button),
                :host-context([chrome-refresh-2023]):host(.tonal-button) {
                  border: none;
                  color: var(
                    --color-button-foreground-tonal,
                    var(--cr-fallback-color-on-tonal-container)
                  );
                }
                :host-context([chrome-refresh-2023]):host(
                    .floating-button[disabled]
                  ),
                :host-context([chrome-refresh-2023]):host(
                    .tonal-button[disabled]
                  ) {
                  border: none;
                  color: var(--disabled-text-color);
                }
                :host-context([chrome-refresh-2023]):host(.floating-button) {
                  border-radius: 8px;
                  height: 40px;
                  transition: box-shadow 80ms linear;
                }
                :host-context([chrome-refresh-2023]):host(
                    .floating-button:hover
                  ) {
                  box-shadow: var(--cr-elevation-3);
                }
                paper-ripple {
                  color: var(--ink-color);
                  height: var(--paper-ripple-height);
                  left: var(--paper-ripple-left, 0);
                  top: var(--paper-ripple-top, 0);
                  width: var(--paper-ripple-width);
                }
                :host-context([chrome-refresh-2023]) paper-ripple {
                  z-index: 1;
                }
              </style>
              <div id="background"></div>
              <slot id="prefixIcon" name="prefix-icon"></slot>
              <span id="content"><slot></slot></span>
              <slot id="suffixIcon" name="suffix-icon"></slot>
              <div id="hoverBackground" part="hoverBackground"></div>
              <!--_html_template_end_-->
            </template>
            <div id="addShortcutIconContainer" class="tile-icon">
              <div id="addShortcutIcon" draggable="false"></div>
            </div>
            <div class="tile-title"><span></span></div>
          </cr-button>
          <cr-dialog id="dialog">
            <template shadowrootmode="open">
              <!---->
              <!--_html_template_start_-->
              <dialog id="dialog" part="dialog" aria-labelledby="title">
                <div id="content-wrapper" part="wrapper">
                  <div class="top-container">
                    <h2 id="title" class="title-container" tabindex="-1">
                      <slot name="title"></slot>
                    </h2>
                    <cr-icon-button
                      id="close"
                      class="icon-clear"
                      hidden=""
                      aria-disabled="false"
                      role="button"
                      tabindex="0"
                    >
                      <template shadowrootmode="open">
                        <!--_html_template_start_-->
                        <style>
                          :host {
                            --cr-icon-button-fill-color: var(--google-grey-700);
                            --cr-icon-button-icon-start-offset: 0;
                            --cr-icon-button-icon-size: 20px;
                            --cr-icon-button-size: 36px;
                            --cr-icon-button-height: var(--cr-icon-button-size);
                            --cr-icon-button-transition: 150ms ease-in-out;
                            --cr-icon-button-width: var(--cr-icon-button-size);
                            -webkit-tap-highlight-color: transparent;
                            border-radius: 50%;
                            color: var(
                              --cr-icon-button-stroke-color,
                              var(--cr-icon-button-fill-color)
                            );
                            cursor: pointer;
                            display: inline-flex;
                            flex-shrink: 0;
                            height: var(--cr-icon-button-height);
                            margin-inline-end: var(
                              --cr-icon-button-margin-end,
                              var(--cr-icon-ripple-margin)
                            );
                            margin-inline-start: var(
                              --cr-icon-button-margin-start
                            );
                            outline: 0;
                            overflow: hidden;
                            user-select: none;
                            vertical-align: middle;
                            width: var(--cr-icon-button-width);
                          }
                          :host-context([chrome-refresh-2023]):host {
                            --cr-icon-button-fill-color: currentColor;
                            --cr-icon-button-size: 32px;
                            position: relative;
                          }
                          :host(:hover) {
                            background-color: var(
                              --cr-icon-button-hover-background-color,
                              var(--cr-hover-background-color)
                            );
                          }
                          :host(:focus-visible:focus) {
                            box-shadow: inset 0 0 0 2px
                              var(
                                --cr-icon-button-focus-outline-color,
                                var(--cr-focus-outline-color)
                              );
                          }
                          @media (forced-colors: active) {
                            :host(:focus-visible:focus) {
                              outline: var(--cr-focus-outline-hcm);
                            }
                          }
                          :host-context(html:not([chrome-refresh-2023]))
                            :host(:active) {
                            background-color: var(
                              --cr-icon-button-active-background-color,
                              var(--cr-active-background-color)
                            );
                          }
                          paper-ripple {
                            display: none;
                          }
                          :host-context([chrome-refresh-2023]) paper-ripple {
                            --paper-ripple-opacity: 1;
                            color: var(--cr-active-background-color);
                            display: block;
                          }
                          :host([disabled]) {
                            cursor: initial;
                            opacity: var(--cr-disabled-opacity);
                            pointer-events: none;
                          }
                          :host(.no-overlap) {
                            --cr-icon-button-margin-end: 0;
                            --cr-icon-button-margin-start: 0;
                          }
                          :host-context([dir='rtl']):host(
                              :not([dir='ltr']):not([multiple-icons_])
                            ) {
                            transform: scaleX(-1);
                          }
                          :host-context([dir='rtl']):host(
                              :not([dir='ltr'])[multiple-icons_]
                            )
                            iron-icon {
                            transform: scaleX(-1);
                          }
                          :host(:not([iron-icon])) #maskedImage {
                            -webkit-mask-image: var(--cr-icon-image);
                            -webkit-mask-position: center;
                            -webkit-mask-repeat: no-repeat;
                            -webkit-mask-size: var(--cr-icon-button-icon-size);
                            -webkit-transform: var(
                              --cr-icon-image-transform,
                              none
                            );
                            background-color: var(--cr-icon-button-fill-color);
                            height: 100%;
                            transition: background-color
                              var(--cr-icon-button-transition);
                            width: 100%;
                          }
                          @media (forced-colors: active) {
                            :host(:not([iron-icon])) #maskedImage {
                              background-color: ButtonText;
                            }
                          }
                          #icon {
                            align-items: center;
                            border-radius: 4px;
                            display: flex;
                            height: 100%;
                            justify-content: center;
                            padding-inline-start: var(
                              --cr-icon-button-icon-start-offset
                            );
                            position: relative;
                            width: 100%;
                          }
                          iron-icon {
                            --iron-icon-fill-color: var(
                              --cr-icon-button-fill-color
                            );
                            --iron-icon-stroke-color: var(
                              --cr-icon-button-stroke-color,
                              none
                            );
                            --iron-icon-height: var(--cr-icon-button-icon-size);
                            --iron-icon-width: var(--cr-icon-button-icon-size);
                            transition:
                              fill var(--cr-icon-button-transition),
                              stroke var(--cr-icon-button-transition);
                          }
                          @media (prefers-color-scheme: dark) {
                            :host {
                              --cr-icon-button-fill-color: var(
                                --google-grey-500
                              );
                            }
                          }
                        </style>
                        <div id="icon"><div id="maskedImage"></div></div>
                        <!--_html_template_end_-->
                      </template>
                    </cr-icon-button>
                  </div>
                  <slot name="header"></slot>
                  <div
                    id="cr-container-shadow-top"
                    class="cr-container-shadow"
                  ></div>
                  <div
                    class="body-container"
                    id="container"
                    show-bottom-shadow=""
                    part="body-container"
                  >
                    <div></div>
                    <slot name="body"></slot>
                    <div></div>
                  </div>
                  <div
                    id="cr-container-shadow-bottom"
                    class="cr-container-shadow"
                  ></div>
                  <slot name="button-container"></slot>
                  <slot name="footer"></slot>
                </div>
              </dialog>
              <!--_html_template_end_-->
            </template>
            <div slot="title"></div>
            <div slot="body" id="dialogContent">
              <cr-input id="dialogInputName" spellcheck="false" autofocus="">
                <template shadowrootmode="open">
                  <!--_html_template_start_-->
                  <style>
                    :host([hidden]),
                    [hidden] {
                      display: none !important;
                    }
                  </style>
                  <style>
                    :host {
                      --cr-input-background-color: var(--google-grey-100);
                      --cr-input-color: var(--cr-primary-text-color);
                      --cr-input-error-color: var(--google-red-600);
                      --cr-input-focus-color: var(--google-blue-600);
                      display: block;
                      outline: 0;
                    }
                    :host-context([chrome-refresh-2023]):host {
                      --cr-input-background-color: var(
                        --color-textfield-filled-background,
                        var(--cr-fallback-color-surface-variant)
                      );
                      --cr-input-border-bottom: 1px solid
                        var(
                          --color-textfield-filled-underline,
                          var(--cr-fallback-color-outline)
                        );
                      --cr-input-border-radius: 8px 8px 0 0;
                      --cr-input-error-color: var(
                        --color-textfield-filled-error,
                        var(--cr-fallback-color-error)
                      );
                      --cr-input-focus-color: var(
                        --color-textfield-filled-underline-focused,
                        var(--cr-fallback-color-primary)
                      );
                      --cr-input-hover-background-color: var(
                        --cr-hover-background-color
                      );
                      --cr-input-label-color: var(
                        --color-textfield-foreground-label,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                      --cr-input-padding-bottom: 10px;
                      --cr-input-padding-end: 10px;
                      --cr-input-padding-start: 10px;
                      --cr-input-padding-top: 10px;
                      --cr-input-placeholder-color: var(
                        --color-textfield-foreground-placeholder,
                        var(--cr-fallback-on-surface-subtle)
                      );
                      isolation: isolate;
                    }
                    :host-context([chrome-refresh-2023]):host([readonly]) {
                      --cr-input-border-radius: 8px 8px;
                    }
                    @media (prefers-color-scheme: dark) {
                      :host {
                        --cr-input-background-color: rgba(0, 0, 0, 0.3);
                        --cr-input-error-color: var(--google-red-300);
                        --cr-input-focus-color: var(--google-blue-300);
                      }
                    }
                    :host-context(html:not([chrome-refresh-2023])):host(
                        [focused_]:not([readonly]):not([invalid])
                      )
                      #label {
                      color: var(--cr-input-focus-color);
                    }
                    :host-context([chrome-refresh-2023]) #label {
                      color: var(--cr-input-label-color);
                      font-size: 11px;
                      line-height: 16px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [focused_]:not([readonly]):not([invalid])
                      )
                      #label {
                      color: var(
                        --cr-input-focus-label-color,
                        var(--cr-input-label-color)
                      );
                    }
                    #input-container {
                      border-radius: var(--cr-input-border-radius, 4px);
                      overflow: hidden;
                      position: relative;
                      width: var(--cr-input-width, 100%);
                    }
                    :host-context([chrome-refresh-2023]):host([focused_])
                      #input-container {
                      outline: var(--cr-input-focus-outline, none);
                    }
                    #inner-input-container {
                      background-color: var(--cr-input-background-color);
                      box-sizing: border-box;
                      padding: 0;
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-button-fill-color: var(
                        --color-textfield-foreground-icon,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                      --cr-icon-button-icon-size: 16px;
                      --cr-icon-button-size: 24px;
                      --cr-icon-button-margin-start: 0;
                      --cr-icon-color: var(
                        --color-textfield-foreground-icon,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted([slot='inline-prefix']) {
                      --cr-icon-button-margin-start: -8px;
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted([slot='inline-suffix']) {
                      --cr-icon-button-margin-end: -4px;
                    }
                    :host-context([chrome-refresh-2023]):host([invalid])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-color: var(--cr-input-error-color);
                      --cr-icon-button-fill-color: var(--cr-input-error-color);
                    }
                    #hover-layer {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]) #hover-layer {
                      background-color: var(--cr-input-hover-background-color);
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 0;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        :not([readonly]):not([disabled])
                      )
                      #input-container:hover
                      #hover-layer {
                      display: block;
                    }
                    #input {
                      -webkit-appearance: none;
                      background-color: transparent;
                      border: none;
                      box-sizing: border-box;
                      caret-color: var(--cr-input-focus-color);
                      color: var(--cr-input-color);
                      font-family: inherit;
                      font-size: inherit;
                      font-weight: inherit;
                      line-height: inherit;
                      min-height: var(--cr-input-min-height, auto);
                      outline: 0;
                      padding-bottom: var(--cr-input-padding-bottom, 6px);
                      padding-inline-end: var(--cr-input-padding-end, 8px);
                      padding-inline-start: var(--cr-input-padding-start, 8px);
                      padding-top: var(--cr-input-padding-top, 6px);
                      text-align: inherit;
                      text-overflow: ellipsis;
                      width: 100%;
                    }
                    :host-context([chrome-refresh-2023]) #input {
                      font-size: 12px;
                      line-height: 16px;
                      padding: 0;
                    }
                    :host-context([chrome-refresh-2023]) #inner-input-content {
                      padding-bottom: var(--cr-input-padding-bottom);
                      padding-inline-end: var(--cr-input-padding-end);
                      padding-inline-start: var(--cr-input-padding-start);
                      padding-top: var(--cr-input-padding-top);
                    }
                    #underline {
                      border-bottom: 2px solid var(--cr-input-focus-color);
                      border-radius: var(--cr-input-underline-border-radius, 0);
                      bottom: 0;
                      box-sizing: border-box;
                      display: var(--cr-input-underline-display);
                      height: var(--cr-input-underline-height, 0);
                      left: 0;
                      margin: auto;
                      opacity: 0;
                      position: absolute;
                      right: 0;
                      transition:
                        opacity 120ms ease-out,
                        width 0s linear 180ms;
                      width: 0;
                    }
                    :host([focused_]) #underline,
                    :host([force-underline]) #underline,
                    :host([invalid]) #underline {
                      opacity: 1;
                      transition:
                        opacity 120ms ease-in,
                        width 180ms ease-out;
                      width: 100%;
                    }
                    #underline-base {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]):host([readonly])
                      #underline {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]):host(:not([readonly]))
                      #underline-base {
                      border-bottom: var(--cr-input-border-bottom);
                      bottom: 0;
                      display: block;
                      left: 0;
                      position: absolute;
                      right: 0;
                    }
                    :host-context([chrome-refresh-2023]):host([disabled]) {
                      color: var(
                        --color-textfield-foreground-disabled,
                        var(--cr-fallback-color-disabled-foreground)
                      );
                      --cr-input-border-bottom: 1px solid currentColor;
                      --cr-input-placeholder-color: currentColor;
                      --cr-input-color: currentColor;
                      --cr-input-background-color: var(
                        --color-textfield-background-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-color: currentColor;
                      --cr-icon-button-fill-color: currentColor;
                    }
                    :host-context([chrome-refresh-2023]):host(.stroked) {
                      --cr-input-background-color: transparent;
                      --cr-input-border: 1px solid
                        var(
                          --color-side-panel-textfield-border,
                          var(--cr-fallback-color-neutral-outline)
                        );
                      --cr-input-border-bottom: none;
                      --cr-input-border-radius: 8px;
                      --cr-input-padding-bottom: 9px;
                      --cr-input-padding-end: 9px;
                      --cr-input-padding-start: 9px;
                      --cr-input-padding-top: 9px;
                      --cr-input-underline-display: none;
                      --cr-input-min-height: 36px;
                      line-height: 16px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[focused_]
                      ) {
                      --cr-input-border: 2px solid var(--cr-focus-outline-color);
                      --cr-input-padding-bottom: 8px;
                      --cr-input-padding-end: 8px;
                      --cr-input-padding-start: 8px;
                      --cr-input-padding-top: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[invalid]
                      ) {
                      --cr-input-border: 1px solid var(--cr-input-error-color);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[focused_][invalid]
                      ) {
                      --cr-input-border: 2px solid var(--cr-input-error-color);
                    }
                  </style>
                  <style>
                    .icon-arrow-back {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_back.svg');
                    }
                    .icon-arrow-dropdown {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_dropdown.svg');
                    }
                    .icon-arrow-drop-down-cr23 {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_down_cr23.svg');
                    }
                    .icon-arrow-drop-up-cr23 {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_up_cr23.svg');
                    }
                    .icon-cancel {
                      --cr-icon-image: url('chrome://resources/images/icon_cancel.svg');
                    }
                    .icon-clear {
                      --cr-icon-image: url('chrome://resources/images/icon_clear.svg');
                    }
                    .icon-copy-content {
                      --cr-icon-image: url('chrome://resources/images/icon_copy_content.svg');
                    }
                    .icon-delete-gray {
                      --cr-icon-image: url('chrome://resources/images/icon_delete_gray.svg');
                    }
                    .icon-edit {
                      --cr-icon-image: url('chrome://resources/images/icon_edit.svg');
                    }
                    .icon-file {
                      --cr-icon-image: url('chrome://resources/images/icon_filetype_generic.svg');
                    }
                    .icon-folder-open {
                      --cr-icon-image: url('chrome://resources/images/icon_folder_open.svg');
                    }
                    .icon-picture-delete {
                      --cr-icon-image: url('chrome://resources/images/icon_picture_delete.svg');
                    }
                    .icon-expand-less {
                      --cr-icon-image: url('chrome://resources/images/icon_expand_less.svg');
                    }
                    .icon-expand-more {
                      --cr-icon-image: url('chrome://resources/images/icon_expand_more.svg');
                    }
                    .icon-external {
                      --cr-icon-image: url('chrome://resources/images/open_in_new.svg');
                    }
                    .icon-more-vert {
                      --cr-icon-image: url('chrome://resources/images/icon_more_vert.svg');
                    }
                    .icon-refresh {
                      --cr-icon-image: url('chrome://resources/images/icon_refresh.svg');
                    }
                    .icon-search {
                      --cr-icon-image: url('chrome://resources/images/icon_search.svg');
                    }
                    .icon-settings {
                      --cr-icon-image: url('chrome://resources/images/icon_settings.svg');
                    }
                    .icon-visibility {
                      --cr-icon-image: url('chrome://resources/images/icon_visibility.svg');
                    }
                    .icon-visibility-off {
                      --cr-icon-image: url('chrome://resources/images/icon_visibility_off.svg');
                    }
                    .subpage-arrow {
                      --cr-icon-image: url('chrome://resources/images/arrow_right.svg');
                    }
                    .cr-icon {
                      -webkit-mask-image: var(--cr-icon-image);
                      -webkit-mask-position: center;
                      -webkit-mask-repeat: no-repeat;
                      -webkit-mask-size: var(--cr-icon-size);
                      background-color: var(
                        --cr-icon-color,
                        var(--google-grey-700)
                      );
                      flex-shrink: 0;
                      height: var(--cr-icon-ripple-size);
                      margin-inline-end: var(--cr-icon-ripple-margin);
                      margin-inline-start: var(--cr-icon-button-margin-start);
                      user-select: none;
                      width: var(--cr-icon-ripple-size);
                    }
                    :host-context([dir='rtl']) .cr-icon {
                      transform: scaleX(-1);
                    }
                    .cr-icon.no-overlap {
                      margin-inline-end: 0;
                      margin-inline-start: 0;
                    }
                    @media (prefers-color-scheme: dark) {
                      .cr-icon {
                        background-color: var(
                          --cr-icon-color,
                          var(--google-grey-500)
                        );
                      }
                    }
                  </style>
                  <style include="cr-hidden-style cr-icons">
                    :host,
                    html {
                      --scrollable-border-color: var(--google-grey-300);
                    }
                    @media (prefers-color-scheme: dark) {
                      :host,
                      html {
                        --scrollable-border-color: var(--google-grey-700);
                      }
                    }
                    [actionable] {
                      cursor: pointer;
                    }
                    .hr {
                      border-top: var(--cr-separator-line);
                    }
                    iron-list.cr-separators > :not([first]) {
                      border-top: var(--cr-separator-line);
                    }
                    [scrollable] {
                      border-color: transparent;
                      border-style: solid;
                      border-width: 1px 0;
                      overflow-y: auto;
                    }
                    [scrollable].is-scrolled {
                      border-top-color: var(--scrollable-border-color);
                    }
                    [scrollable].can-scroll:not(.scrolled-to-bottom) {
                      border-bottom-color: var(--scrollable-border-color);
                    }
                    [scrollable] iron-list > :not(.no-outline):focus,
                    [selectable]:focus,
                    [selectable] > :focus {
                      background-color: var(--cr-focused-item-color);
                      outline: 0;
                    }
                    .scroll-container {
                      display: flex;
                      flex-direction: column;
                      min-height: 1px;
                    }
                    [selectable] > * {
                      cursor: pointer;
                    }
                    .cr-centered-card-container {
                      box-sizing: border-box;
                      display: block;
                      height: inherit;
                      margin: 0 auto;
                      max-width: var(--cr-centered-card-max-width);
                      min-width: 550px;
                      position: relative;
                      width: calc(
                        100% * var(--cr-centered-card-width-percentage)
                      );
                    }
                    .cr-container-shadow {
                      box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4);
                      height: var(--cr-container-shadow-height);
                      left: 0;
                      margin: 0 0 var(--cr-container-shadow-margin);
                      opacity: 0;
                      pointer-events: none;
                      position: relative;
                      right: 0;
                      top: 0;
                      transition: opacity 0.5s;
                      z-index: 1;
                    }
                    #cr-container-shadow-bottom {
                      margin-bottom: 0;
                      margin-top: var(--cr-container-shadow-margin);
                      transform: scaleY(-1);
                    }
                    #cr-container-shadow-bottom.has-shadow,
                    #cr-container-shadow-top.has-shadow {
                      opacity: var(--cr-container-shadow-max-opacity);
                    }
                    .cr-row {
                      align-items: center;
                      border-top: var(--cr-separator-line);
                      display: flex;
                      min-height: var(--cr-section-min-height);
                      padding: 0 var(--cr-section-padding);
                    }
                    .cr-row.continuation,
                    .cr-row.first {
                      border-top: none;
                    }
                    .cr-row-gap {
                      padding-inline-start: 16px;
                    }
                    .cr-button-gap {
                      margin-inline-start: 8px;
                    }
                    paper-tooltip::part(tooltip) {
                      border-radius: var(--paper-tooltip-border-radius, 2px);
                      font-size: 92.31%;
                      font-weight: 500;
                      max-width: 330px;
                      min-width: var(--paper-tooltip-min-width, 200px);
                      padding: var(--paper-tooltip-padding, 10px 8px);
                    }
                    .cr-padded-text {
                      padding-block-end: var(--cr-section-vertical-padding);
                      padding-block-start: var(--cr-section-vertical-padding);
                    }
                    .cr-title-text {
                      color: var(--cr-title-text-color);
                      font-size: 107.6923%;
                      font-weight: 500;
                    }
                    .cr-secondary-text {
                      color: var(--cr-secondary-text-color);
                      font-weight: 400;
                    }
                    .cr-form-field-label {
                      color: var(--cr-form-field-label-color);
                      display: block;
                      font-size: var(--cr-form-field-label-font-size);
                      font-weight: 500;
                      letter-spacing: 0.4px;
                      line-height: var(--cr-form-field-label-line-height);
                      margin-bottom: 8px;
                    }
                    .cr-vertical-tab {
                      align-items: center;
                      display: flex;
                    }
                    .cr-vertical-tab::before {
                      border-radius: 0 3px 3px 0;
                      content: '';
                      display: block;
                      flex-shrink: 0;
                      height: var(--cr-vertical-tab-height, 100%);
                      width: 4px;
                    }
                    .cr-vertical-tab.selected::before {
                      background: var(
                        --cr-vertical-tab-selected-color,
                        var(--cr-checked-color)
                      );
                    }
                    :host-context([dir='rtl']) .cr-vertical-tab::before {
                      transform: scaleX(-1);
                    }
                    .iph-anchor-highlight {
                      background-color: var(--cr-iph-anchor-highlight-color);
                    }
                  </style>
                  <style
                    include="cr-hidden-style cr-input-style cr-shared-style"
                  >
                    :host([disabled])
                      :-webkit-any(#label, #error, #input-container) {
                      opacity: var(--cr-disabled-opacity);
                      pointer-events: none;
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      :is(#label, #error, #input-container) {
                      opacity: 1;
                    }
                    :host ::slotted(cr-button[slot='suffix']) {
                      margin-inline-start: var(
                        --cr-button-edge-spacing
                      ) !important;
                    }
                    :host([invalid]) #label {
                      color: var(--cr-input-error-color);
                    }
                    #input {
                      border-bottom: var(--cr-input-border-bottom, none);
                      letter-spacing: var(--cr-input-letter-spacing);
                    }
                    :host-context([chrome-refresh-2023]) #input {
                      border-bottom: none;
                    }
                    :host-context([chrome-refresh-2023]) #input-container {
                      border: var(--cr-input-border, none);
                    }
                    #input::placeholder {
                      color: var(
                        --cr-input-placeholder-color,
                        var(--cr-secondary-text-color)
                      );
                      letter-spacing: var(
                        --cr-input-placeholder-letter-spacing
                      );
                    }
                    :host([invalid]) #input {
                      caret-color: var(--cr-input-error-color);
                    }
                    :host([readonly]) #input {
                      opacity: var(--cr-input-readonly-opacity, 0.6);
                    }
                    :host([invalid]) #underline {
                      border-color: var(--cr-input-error-color);
                    }
                    #error {
                      color: var(--cr-input-error-color);
                      display: var(--cr-input-error-display, block);
                      font-size: var(--cr-form-field-label-font-size);
                      height: var(--cr-form-field-label-height);
                      line-height: var(--cr-form-field-label-line-height);
                      margin: 8px 0;
                      visibility: hidden;
                      white-space: var(--cr-input-error-white-space);
                    }
                    :host-context([chrome-refresh-2023]) #error {
                      font-size: 11px;
                      line-height: 16px;
                      margin: 4px 10px;
                    }
                    :host([invalid]) #error {
                      visibility: visible;
                    }
                    #inner-input-content,
                    #row-container {
                      align-items: center;
                      display: flex;
                      justify-content: space-between;
                      position: relative;
                    }
                    :host-context([chrome-refresh-2023]) #inner-input-content {
                      gap: 4px;
                      height: 16px;
                      z-index: 1;
                    }
                    #input[type='search']::-webkit-search-cancel-button {
                      display: none;
                    }
                    :host-context([dir='rtl']) #input[type='url'] {
                      text-align: right;
                    }
                    #input[type='url'] {
                      direction: ltr;
                    }
                  </style>
                  <div
                    id="label"
                    class="cr-form-field-label"
                    aria-hidden="true"
                    hidden=""
                  ></div>
                  <div id="row-container" part="row-container">
                    <div id="input-container">
                      <div id="inner-input-container">
                        <div id="hover-layer"></div>
                        <div id="inner-input-content">
                          <slot name="inline-prefix"></slot>
                          <input
                            id="input"
                            part="input"
                            autocomplete="off"
                            autofocus=""
                            aria-invalid="false"
                            tabindex="0"
                          />
                          <slot name="inline-suffix"></slot>
                        </div>
                      </div>
                      <div id="underline-base"></div>
                      <div id="underline"></div>
                    </div>
                    <slot name="suffix"></slot>
                  </div>
                  <div id="error" aria-live="assertive"></div>
                  <!--_html_template_end_-->
                </template>
              </cr-input>
              <cr-input id="dialogInputUrl" spellcheck="false" type="url">
                <template shadowrootmode="open">
                  <!--_html_template_start_-->
                  <style>
                    :host([hidden]),
                    [hidden] {
                      display: none !important;
                    }
                  </style>
                  <style>
                    :host {
                      --cr-input-background-color: var(--google-grey-100);
                      --cr-input-color: var(--cr-primary-text-color);
                      --cr-input-error-color: var(--google-red-600);
                      --cr-input-focus-color: var(--google-blue-600);
                      display: block;
                      outline: 0;
                    }
                    :host-context([chrome-refresh-2023]):host {
                      --cr-input-background-color: var(
                        --color-textfield-filled-background,
                        var(--cr-fallback-color-surface-variant)
                      );
                      --cr-input-border-bottom: 1px solid
                        var(
                          --color-textfield-filled-underline,
                          var(--cr-fallback-color-outline)
                        );
                      --cr-input-border-radius: 8px 8px 0 0;
                      --cr-input-error-color: var(
                        --color-textfield-filled-error,
                        var(--cr-fallback-color-error)
                      );
                      --cr-input-focus-color: var(
                        --color-textfield-filled-underline-focused,
                        var(--cr-fallback-color-primary)
                      );
                      --cr-input-hover-background-color: var(
                        --cr-hover-background-color
                      );
                      --cr-input-label-color: var(
                        --color-textfield-foreground-label,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                      --cr-input-padding-bottom: 10px;
                      --cr-input-padding-end: 10px;
                      --cr-input-padding-start: 10px;
                      --cr-input-padding-top: 10px;
                      --cr-input-placeholder-color: var(
                        --color-textfield-foreground-placeholder,
                        var(--cr-fallback-on-surface-subtle)
                      );
                      isolation: isolate;
                    }
                    :host-context([chrome-refresh-2023]):host([readonly]) {
                      --cr-input-border-radius: 8px 8px;
                    }
                    @media (prefers-color-scheme: dark) {
                      :host {
                        --cr-input-background-color: rgba(0, 0, 0, 0.3);
                        --cr-input-error-color: var(--google-red-300);
                        --cr-input-focus-color: var(--google-blue-300);
                      }
                    }
                    :host-context(html:not([chrome-refresh-2023])):host(
                        [focused_]:not([readonly]):not([invalid])
                      )
                      #label {
                      color: var(--cr-input-focus-color);
                    }
                    :host-context([chrome-refresh-2023]) #label {
                      color: var(--cr-input-label-color);
                      font-size: 11px;
                      line-height: 16px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [focused_]:not([readonly]):not([invalid])
                      )
                      #label {
                      color: var(
                        --cr-input-focus-label-color,
                        var(--cr-input-label-color)
                      );
                    }
                    #input-container {
                      border-radius: var(--cr-input-border-radius, 4px);
                      overflow: hidden;
                      position: relative;
                      width: var(--cr-input-width, 100%);
                    }
                    :host-context([chrome-refresh-2023]):host([focused_])
                      #input-container {
                      outline: var(--cr-input-focus-outline, none);
                    }
                    #inner-input-container {
                      background-color: var(--cr-input-background-color);
                      box-sizing: border-box;
                      padding: 0;
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-button-fill-color: var(
                        --color-textfield-foreground-icon,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                      --cr-icon-button-icon-size: 16px;
                      --cr-icon-button-size: 24px;
                      --cr-icon-button-margin-start: 0;
                      --cr-icon-color: var(
                        --color-textfield-foreground-icon,
                        var(--cr-fallback-color-on-surface-subtle)
                      );
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted([slot='inline-prefix']) {
                      --cr-icon-button-margin-start: -8px;
                    }
                    :host-context([chrome-refresh-2023])
                      #inner-input-content
                      ::slotted([slot='inline-suffix']) {
                      --cr-icon-button-margin-end: -4px;
                    }
                    :host-context([chrome-refresh-2023]):host([invalid])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-color: var(--cr-input-error-color);
                      --cr-icon-button-fill-color: var(--cr-input-error-color);
                    }
                    #hover-layer {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]) #hover-layer {
                      background-color: var(--cr-input-hover-background-color);
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 0;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        :not([readonly]):not([disabled])
                      )
                      #input-container:hover
                      #hover-layer {
                      display: block;
                    }
                    #input {
                      -webkit-appearance: none;
                      background-color: transparent;
                      border: none;
                      box-sizing: border-box;
                      caret-color: var(--cr-input-focus-color);
                      color: var(--cr-input-color);
                      font-family: inherit;
                      font-size: inherit;
                      font-weight: inherit;
                      line-height: inherit;
                      min-height: var(--cr-input-min-height, auto);
                      outline: 0;
                      padding-bottom: var(--cr-input-padding-bottom, 6px);
                      padding-inline-end: var(--cr-input-padding-end, 8px);
                      padding-inline-start: var(--cr-input-padding-start, 8px);
                      padding-top: var(--cr-input-padding-top, 6px);
                      text-align: inherit;
                      text-overflow: ellipsis;
                      width: 100%;
                    }
                    :host-context([chrome-refresh-2023]) #input {
                      font-size: 12px;
                      line-height: 16px;
                      padding: 0;
                    }
                    :host-context([chrome-refresh-2023]) #inner-input-content {
                      padding-bottom: var(--cr-input-padding-bottom);
                      padding-inline-end: var(--cr-input-padding-end);
                      padding-inline-start: var(--cr-input-padding-start);
                      padding-top: var(--cr-input-padding-top);
                    }
                    #underline {
                      border-bottom: 2px solid var(--cr-input-focus-color);
                      border-radius: var(--cr-input-underline-border-radius, 0);
                      bottom: 0;
                      box-sizing: border-box;
                      display: var(--cr-input-underline-display);
                      height: var(--cr-input-underline-height, 0);
                      left: 0;
                      margin: auto;
                      opacity: 0;
                      position: absolute;
                      right: 0;
                      transition:
                        opacity 120ms ease-out,
                        width 0s linear 180ms;
                      width: 0;
                    }
                    :host([focused_]) #underline,
                    :host([force-underline]) #underline,
                    :host([invalid]) #underline {
                      opacity: 1;
                      transition:
                        opacity 120ms ease-in,
                        width 180ms ease-out;
                      width: 100%;
                    }
                    #underline-base {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]):host([readonly])
                      #underline {
                      display: none;
                    }
                    :host-context([chrome-refresh-2023]):host(:not([readonly]))
                      #underline-base {
                      border-bottom: var(--cr-input-border-bottom);
                      bottom: 0;
                      display: block;
                      left: 0;
                      position: absolute;
                      right: 0;
                    }
                    :host-context([chrome-refresh-2023]):host([disabled]) {
                      color: var(
                        --color-textfield-foreground-disabled,
                        var(--cr-fallback-color-disabled-foreground)
                      );
                      --cr-input-border-bottom: 1px solid currentColor;
                      --cr-input-placeholder-color: currentColor;
                      --cr-input-color: currentColor;
                      --cr-input-background-color: var(
                        --color-textfield-background-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      #inner-input-content
                      ::slotted(*) {
                      --cr-icon-color: currentColor;
                      --cr-icon-button-fill-color: currentColor;
                    }
                    :host-context([chrome-refresh-2023]):host(.stroked) {
                      --cr-input-background-color: transparent;
                      --cr-input-border: 1px solid
                        var(
                          --color-side-panel-textfield-border,
                          var(--cr-fallback-color-neutral-outline)
                        );
                      --cr-input-border-bottom: none;
                      --cr-input-border-radius: 8px;
                      --cr-input-padding-bottom: 9px;
                      --cr-input-padding-end: 9px;
                      --cr-input-padding-start: 9px;
                      --cr-input-padding-top: 9px;
                      --cr-input-underline-display: none;
                      --cr-input-min-height: 36px;
                      line-height: 16px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[focused_]
                      ) {
                      --cr-input-border: 2px solid var(--cr-focus-outline-color);
                      --cr-input-padding-bottom: 8px;
                      --cr-input-padding-end: 8px;
                      --cr-input-padding-start: 8px;
                      --cr-input-padding-top: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[invalid]
                      ) {
                      --cr-input-border: 1px solid var(--cr-input-error-color);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .stroked[focused_][invalid]
                      ) {
                      --cr-input-border: 2px solid var(--cr-input-error-color);
                    }
                  </style>
                  <style>
                    .icon-arrow-back {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_back.svg');
                    }
                    .icon-arrow-dropdown {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_dropdown.svg');
                    }
                    .icon-arrow-drop-down-cr23 {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_down_cr23.svg');
                    }
                    .icon-arrow-drop-up-cr23 {
                      --cr-icon-image: url('chrome://resources/images/icon_arrow_drop_up_cr23.svg');
                    }
                    .icon-cancel {
                      --cr-icon-image: url('chrome://resources/images/icon_cancel.svg');
                    }
                    .icon-clear {
                      --cr-icon-image: url('chrome://resources/images/icon_clear.svg');
                    }
                    .icon-copy-content {
                      --cr-icon-image: url('chrome://resources/images/icon_copy_content.svg');
                    }
                    .icon-delete-gray {
                      --cr-icon-image: url('chrome://resources/images/icon_delete_gray.svg');
                    }
                    .icon-edit {
                      --cr-icon-image: url('chrome://resources/images/icon_edit.svg');
                    }
                    .icon-file {
                      --cr-icon-image: url('chrome://resources/images/icon_filetype_generic.svg');
                    }
                    .icon-folder-open {
                      --cr-icon-image: url('chrome://resources/images/icon_folder_open.svg');
                    }
                    .icon-picture-delete {
                      --cr-icon-image: url('chrome://resources/images/icon_picture_delete.svg');
                    }
                    .icon-expand-less {
                      --cr-icon-image: url('chrome://resources/images/icon_expand_less.svg');
                    }
                    .icon-expand-more {
                      --cr-icon-image: url('chrome://resources/images/icon_expand_more.svg');
                    }
                    .icon-external {
                      --cr-icon-image: url('chrome://resources/images/open_in_new.svg');
                    }
                    .icon-more-vert {
                      --cr-icon-image: url('chrome://resources/images/icon_more_vert.svg');
                    }
                    .icon-refresh {
                      --cr-icon-image: url('chrome://resources/images/icon_refresh.svg');
                    }
                    .icon-search {
                      --cr-icon-image: url('chrome://resources/images/icon_search.svg');
                    }
                    .icon-settings {
                      --cr-icon-image: url('chrome://resources/images/icon_settings.svg');
                    }
                    .icon-visibility {
                      --cr-icon-image: url('chrome://resources/images/icon_visibility.svg');
                    }
                    .icon-visibility-off {
                      --cr-icon-image: url('chrome://resources/images/icon_visibility_off.svg');
                    }
                    .subpage-arrow {
                      --cr-icon-image: url('chrome://resources/images/arrow_right.svg');
                    }
                    .cr-icon {
                      -webkit-mask-image: var(--cr-icon-image);
                      -webkit-mask-position: center;
                      -webkit-mask-repeat: no-repeat;
                      -webkit-mask-size: var(--cr-icon-size);
                      background-color: var(
                        --cr-icon-color,
                        var(--google-grey-700)
                      );
                      flex-shrink: 0;
                      height: var(--cr-icon-ripple-size);
                      margin-inline-end: var(--cr-icon-ripple-margin);
                      margin-inline-start: var(--cr-icon-button-margin-start);
                      user-select: none;
                      width: var(--cr-icon-ripple-size);
                    }
                    :host-context([dir='rtl']) .cr-icon {
                      transform: scaleX(-1);
                    }
                    .cr-icon.no-overlap {
                      margin-inline-end: 0;
                      margin-inline-start: 0;
                    }
                    @media (prefers-color-scheme: dark) {
                      .cr-icon {
                        background-color: var(
                          --cr-icon-color,
                          var(--google-grey-500)
                        );
                      }
                    }
                  </style>
                  <style include="cr-hidden-style cr-icons">
                    :host,
                    html {
                      --scrollable-border-color: var(--google-grey-300);
                    }
                    @media (prefers-color-scheme: dark) {
                      :host,
                      html {
                        --scrollable-border-color: var(--google-grey-700);
                      }
                    }
                    [actionable] {
                      cursor: pointer;
                    }
                    .hr {
                      border-top: var(--cr-separator-line);
                    }
                    iron-list.cr-separators > :not([first]) {
                      border-top: var(--cr-separator-line);
                    }
                    [scrollable] {
                      border-color: transparent;
                      border-style: solid;
                      border-width: 1px 0;
                      overflow-y: auto;
                    }
                    [scrollable].is-scrolled {
                      border-top-color: var(--scrollable-border-color);
                    }
                    [scrollable].can-scroll:not(.scrolled-to-bottom) {
                      border-bottom-color: var(--scrollable-border-color);
                    }
                    [scrollable] iron-list > :not(.no-outline):focus,
                    [selectable]:focus,
                    [selectable] > :focus {
                      background-color: var(--cr-focused-item-color);
                      outline: 0;
                    }
                    .scroll-container {
                      display: flex;
                      flex-direction: column;
                      min-height: 1px;
                    }
                    [selectable] > * {
                      cursor: pointer;
                    }
                    .cr-centered-card-container {
                      box-sizing: border-box;
                      display: block;
                      height: inherit;
                      margin: 0 auto;
                      max-width: var(--cr-centered-card-max-width);
                      min-width: 550px;
                      position: relative;
                      width: calc(
                        100% * var(--cr-centered-card-width-percentage)
                      );
                    }
                    .cr-container-shadow {
                      box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4);
                      height: var(--cr-container-shadow-height);
                      left: 0;
                      margin: 0 0 var(--cr-container-shadow-margin);
                      opacity: 0;
                      pointer-events: none;
                      position: relative;
                      right: 0;
                      top: 0;
                      transition: opacity 0.5s;
                      z-index: 1;
                    }
                    #cr-container-shadow-bottom {
                      margin-bottom: 0;
                      margin-top: var(--cr-container-shadow-margin);
                      transform: scaleY(-1);
                    }
                    #cr-container-shadow-bottom.has-shadow,
                    #cr-container-shadow-top.has-shadow {
                      opacity: var(--cr-container-shadow-max-opacity);
                    }
                    .cr-row {
                      align-items: center;
                      border-top: var(--cr-separator-line);
                      display: flex;
                      min-height: var(--cr-section-min-height);
                      padding: 0 var(--cr-section-padding);
                    }
                    .cr-row.continuation,
                    .cr-row.first {
                      border-top: none;
                    }
                    .cr-row-gap {
                      padding-inline-start: 16px;
                    }
                    .cr-button-gap {
                      margin-inline-start: 8px;
                    }
                    paper-tooltip::part(tooltip) {
                      border-radius: var(--paper-tooltip-border-radius, 2px);
                      font-size: 92.31%;
                      font-weight: 500;
                      max-width: 330px;
                      min-width: var(--paper-tooltip-min-width, 200px);
                      padding: var(--paper-tooltip-padding, 10px 8px);
                    }
                    .cr-padded-text {
                      padding-block-end: var(--cr-section-vertical-padding);
                      padding-block-start: var(--cr-section-vertical-padding);
                    }
                    .cr-title-text {
                      color: var(--cr-title-text-color);
                      font-size: 107.6923%;
                      font-weight: 500;
                    }
                    .cr-secondary-text {
                      color: var(--cr-secondary-text-color);
                      font-weight: 400;
                    }
                    .cr-form-field-label {
                      color: var(--cr-form-field-label-color);
                      display: block;
                      font-size: var(--cr-form-field-label-font-size);
                      font-weight: 500;
                      letter-spacing: 0.4px;
                      line-height: var(--cr-form-field-label-line-height);
                      margin-bottom: 8px;
                    }
                    .cr-vertical-tab {
                      align-items: center;
                      display: flex;
                    }
                    .cr-vertical-tab::before {
                      border-radius: 0 3px 3px 0;
                      content: '';
                      display: block;
                      flex-shrink: 0;
                      height: var(--cr-vertical-tab-height, 100%);
                      width: 4px;
                    }
                    .cr-vertical-tab.selected::before {
                      background: var(
                        --cr-vertical-tab-selected-color,
                        var(--cr-checked-color)
                      );
                    }
                    :host-context([dir='rtl']) .cr-vertical-tab::before {
                      transform: scaleX(-1);
                    }
                    .iph-anchor-highlight {
                      background-color: var(--cr-iph-anchor-highlight-color);
                    }
                  </style>
                  <style
                    include="cr-hidden-style cr-input-style cr-shared-style"
                  >
                    :host([disabled])
                      :-webkit-any(#label, #error, #input-container) {
                      opacity: var(--cr-disabled-opacity);
                      pointer-events: none;
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      :is(#label, #error, #input-container) {
                      opacity: 1;
                    }
                    :host ::slotted(cr-button[slot='suffix']) {
                      margin-inline-start: var(
                        --cr-button-edge-spacing
                      ) !important;
                    }
                    :host([invalid]) #label {
                      color: var(--cr-input-error-color);
                    }
                    #input {
                      border-bottom: var(--cr-input-border-bottom, none);
                      letter-spacing: var(--cr-input-letter-spacing);
                    }
                    :host-context([chrome-refresh-2023]) #input {
                      border-bottom: none;
                    }
                    :host-context([chrome-refresh-2023]) #input-container {
                      border: var(--cr-input-border, none);
                    }
                    #input::placeholder {
                      color: var(
                        --cr-input-placeholder-color,
                        var(--cr-secondary-text-color)
                      );
                      letter-spacing: var(
                        --cr-input-placeholder-letter-spacing
                      );
                    }
                    :host([invalid]) #input {
                      caret-color: var(--cr-input-error-color);
                    }
                    :host([readonly]) #input {
                      opacity: var(--cr-input-readonly-opacity, 0.6);
                    }
                    :host([invalid]) #underline {
                      border-color: var(--cr-input-error-color);
                    }
                    #error {
                      color: var(--cr-input-error-color);
                      display: var(--cr-input-error-display, block);
                      font-size: var(--cr-form-field-label-font-size);
                      height: var(--cr-form-field-label-height);
                      line-height: var(--cr-form-field-label-line-height);
                      margin: 8px 0;
                      visibility: hidden;
                      white-space: var(--cr-input-error-white-space);
                    }
                    :host-context([chrome-refresh-2023]) #error {
                      font-size: 11px;
                      line-height: 16px;
                      margin: 4px 10px;
                    }
                    :host([invalid]) #error {
                      visibility: visible;
                    }
                    #inner-input-content,
                    #row-container {
                      align-items: center;
                      display: flex;
                      justify-content: space-between;
                      position: relative;
                    }
                    :host-context([chrome-refresh-2023]) #inner-input-content {
                      gap: 4px;
                      height: 16px;
                      z-index: 1;
                    }
                    #input[type='search']::-webkit-search-cancel-button {
                      display: none;
                    }
                    :host-context([dir='rtl']) #input[type='url'] {
                      text-align: right;
                    }
                    #input[type='url'] {
                      direction: ltr;
                    }
                  </style>
                  <div
                    id="label"
                    class="cr-form-field-label"
                    aria-hidden="true"
                    hidden=""
                  ></div>
                  <div id="row-container" part="row-container">
                    <div id="input-container">
                      <div id="inner-input-container">
                        <div id="hover-layer"></div>
                        <div id="inner-input-content">
                          <slot name="inline-prefix"></slot>
                          <input
                            id="input"
                            part="input"
                            autocomplete="off"
                            aria-invalid="false"
                            tabindex="0"
                            type="url"
                          />
                          <slot name="inline-suffix"></slot>
                        </div>
                      </div>
                      <div id="underline-base"></div>
                      <div id="underline"></div>
                    </div>
                    <slot name="suffix"></slot>
                  </div>
                  <div id="error" aria-live="assertive"></div>
                  <!--_html_template_end_-->
                </template>
              </cr-input>
            </div>
            <div slot="button-container">
              <cr-button
                class="cancel-button"
                role="button"
                tabindex="0"
                aria-disabled="false"
              >
                <template shadowrootmode="open">
                  <!--_html_template_start_-->
                  <style>
                    :host([hidden]),
                    [hidden] {
                      display: none !important;
                    }
                  </style>
                  <style include="cr-hidden-style">
                    :host {
                      --active-shadow-rgb: var(--google-grey-800-rgb);
                      --active-shadow-action-rgb: var(--google-blue-500-rgb);
                      --bg-action: var(--google-blue-600);
                      --border-color: var(--google-grey-300);
                      --disabled-bg-action: var(--google-grey-100);
                      --disabled-bg: white;
                      --disabled-border-color: var(--google-grey-100);
                      --disabled-text-color: var(--google-grey-600);
                      --focus-shadow-color: rgba(
                        var(--google-blue-600-rgb),
                        0.4
                      );
                      --hover-bg-action: rgba(var(--google-blue-600-rgb), 0.9);
                      --hover-bg-color: rgba(var(--google-blue-500-rgb), 0.04);
                      --hover-border-color: var(--google-blue-100);
                      --hover-shadow-action-rgb: var(--google-blue-500-rgb);
                      --ink-color-action: white;
                      --ink-color: var(--google-blue-600);
                      --ripple-opacity-action: 0.32;
                      --ripple-opacity: 0.1;
                      --text-color-action: white;
                      --text-color: var(--google-blue-600);
                    }
                    @media (prefers-color-scheme: dark) {
                      :host {
                        --active-bg: black
                          linear-gradient(
                            rgba(255, 255, 255, 0.06),
                            rgba(255, 255, 255, 0.06)
                          );
                        --active-shadow-rgb: 0, 0, 0;
                        --active-shadow-action-rgb: var(--google-blue-500-rgb);
                        --bg-action: var(--google-blue-300);
                        --border-color: var(--google-grey-700);
                        --disabled-bg-action: var(--google-grey-800);
                        --disabled-bg: transparent;
                        --disabled-border-color: var(--google-grey-800);
                        --disabled-text-color: var(--google-grey-500);
                        --focus-shadow-color: rgba(
                          var(--google-blue-300-rgb),
                          0.5
                        );
                        --hover-bg-action: var(--bg-action)
                          linear-gradient(
                            rgba(0, 0, 0, 0.08),
                            rgba(0, 0, 0, 0.08)
                          );
                        --hover-bg-color: rgba(
                          var(--google-blue-300-rgb),
                          0.08
                        );
                        --ink-color-action: black;
                        --ink-color: var(--google-blue-300);
                        --ripple-opacity-action: 0.16;
                        --ripple-opacity: 0.16;
                        --text-color-action: var(--google-grey-900);
                        --text-color: var(--google-blue-300);
                      }
                    }
                    :host {
                      --paper-ripple-opacity: var(--ripple-opacity);
                      -webkit-tap-highlight-color: transparent;
                      align-items: center;
                      border: 1px solid var(--border-color);
                      border-radius: 4px;
                      box-sizing: border-box;
                      color: var(--text-color);
                      cursor: pointer;
                      display: inline-flex;
                      flex-shrink: 0;
                      font-weight: 500;
                      height: var(--cr-button-height);
                      justify-content: center;
                      min-width: 5.14em;
                      outline-width: 0;
                      overflow: hidden;
                      padding: 8px 16px;
                      position: relative;
                      user-select: none;
                    }
                    :host-context([chrome-refresh-2023]):host {
                      --border-color: var(
                        --color-button-border,
                        var(--cr-fallback-color-tonal-outline)
                      );
                      --text-color: var(
                        --color-button-foreground,
                        var(--cr-fallback-color-primary)
                      );
                      --hover-bg-color: transparent;
                      --hover-border-color: var(--border-color);
                      --active-bg: transparent;
                      --active-shadow: none;
                      --ink-color: var(--cr-active-background-color);
                      --ripple-opacity: 1;
                      --disabled-bg: transparent;
                      --disabled-border-color: var(
                        --color-button-border-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                      --disabled-text-color: var(
                        --color-button-foreground-disabled,
                        var(--cr-fallback-color-disabled-foreground)
                      );
                      --bg-action: var(
                        --color-button-background-prominent,
                        var(--cr-fallback-color-primary)
                      );
                      --text-color-action: var(
                        --color-button-foreground-prominent,
                        var(--cr-fallback-color-on-primary)
                      );
                      --hover-bg-action: var(--bg-action);
                      --active-shadow-action: none;
                      --ink-color-action: var(--cr-active-background-color);
                      --ripple-opacity-action: 1;
                      --disabled-bg-action: var(
                        --color-button-background-prominent-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                      background: 0 0;
                      border-radius: 100px;
                      isolation: isolate;
                      line-height: 20px;
                    }
                    :host([has-prefix-icon_]),
                    :host([has-suffix-icon_]) {
                      --iron-icon-height: 16px;
                      --iron-icon-width: 16px;
                      gap: 8px;
                      padding: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-prefix-icon_]
                      ),
                    :host-context([chrome-refresh-2023]):host(
                        [has-suffix-icon_]
                      ) {
                      --iron-icon-height: 20px;
                      --iron-icon-width: 20px;
                      --icon-block-padding-large: 16px;
                      --icon-block-padding-small: 12px;
                      padding-block-end: 8px;
                      padding-block-start: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-prefix-icon_]
                      ) {
                      padding-inline-end: var(--icon-block-padding-large);
                      padding-inline-start: var(--icon-block-padding-small);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-suffix-icon_]
                      ) {
                      padding-inline-end: var(--icon-block-padding-small);
                      padding-inline-start: var(--icon-block-padding-large);
                    }
                    :host-context(.focus-outline-visible):host(:focus) {
                      box-shadow: 0 0 0 2px var(--focus-shadow-color);
                    }
                    @media (forced-colors: active) {
                      :host-context(.focus-outline-visible):host(:focus) {
                        outline: var(--cr-focus-outline-hcm);
                      }
                      :host-context([chrome-refresh-2023]):host {
                        forced-color-adjust: none;
                      }
                    }
                    :host-context(
                        [chrome-refresh-2023].focus-outline-visible
                      ):host(:focus) {
                      box-shadow: none;
                      outline: 2px solid var(--cr-focus-outline-color);
                      outline-offset: 2px;
                    }
                    :host(:active) {
                      background: var(--active-bg);
                      box-shadow: var(
                        --active-shadow,
                        0 1px 2px 0 rgba(var(--active-shadow-rgb), 0.3),
                        0 3px 6px 2px rgba(var(--active-shadow-rgb), 0.15)
                      );
                    }
                    :host(:hover) {
                      background-color: var(--hover-bg-color);
                    }
                    @media (prefers-color-scheme: light) {
                      :host(:hover) {
                        border-color: var(--hover-border-color);
                      }
                    }
                    #background {
                      border-radius: inherit;
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 0;
                    }
                    :host-context([chrome-refresh-2023]):host(:hover)
                      #background {
                      background-color: var(--hover-bg-color);
                    }
                    :host-context(
                        [chrome-refresh-2023].focus-outline-visible
                      ):host(:focus)
                      #background {
                      background-clip: padding-box;
                    }
                    :host-context([chrome-refresh-2023]):host(.action-button)
                      #background {
                      background-color: var(--bg-action);
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      #background {
                      background-color: var(--disabled-bg);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .action-button[disabled]
                      )
                      #background {
                      background-color: var(--disabled-bg-action);
                    }
                    :host-context([chrome-refresh-2023]):host(.floating-button)
                      #background,
                    :host-context([chrome-refresh-2023]):host(.tonal-button)
                      #background {
                      background-color: var(
                        --color-button-background-tonal,
                        var(--cr-fallback-color-secondary-container)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [disabled].floating-button
                      )
                      #background,
                    :host-context([chrome-refresh-2023]):host(
                        [disabled].tonal-button
                      )
                      #background {
                      background-color: var(
                        --color-button-background-tonal-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                    }
                    #content {
                      display: contents;
                    }
                    :host-context([chrome-refresh-2023]) #content {
                      display: inline;
                      z-index: 2;
                    }
                    :host-context([chrome-refresh-2023]) ::slotted(*) {
                      z-index: 2;
                    }
                    #hoverBackground {
                      content: '';
                      display: none;
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 1;
                    }
                    :host-context([chrome-refresh-2023]):host(:hover)
                      #hoverBackground {
                      background: var(--cr-hover-background-color);
                      display: block;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .action-button:hover
                      )
                      #hoverBackground {
                      background: var(--cr-hover-on-prominent-background-color);
                    }
                    :host(.action-button) {
                      --ink-color: var(--ink-color-action);
                      --paper-ripple-opacity: var(--ripple-opacity-action);
                      background-color: var(--bg-action);
                      border: none;
                      color: var(--text-color-action);
                    }
                    :host-context([chrome-refresh-2023]):host(.action-button) {
                      --ink-color: var(--cr-active-on-primary-background-color);
                      background-color: transparent;
                    }
                    :host(.action-button:active) {
                      box-shadow: var(
                        --active-shadow-action,
                        0 1px 2px 0 rgba(var(--active-shadow-action-rgb), 0.3),
                        0 3px 6px 2px
                          rgba(var(--active-shadow-action-rgb), 0.15)
                      );
                    }
                    :host(.action-button:hover) {
                      background: var(--hover-bg-action);
                    }
                    @media (prefers-color-scheme: light) {
                      :host(.action-button:not(:active):hover) {
                        box-shadow:
                          0 1px 2px 0 rgba(var(--hover-shadow-action-rgb), 0.3),
                          0 1px 3px 1px
                            rgba(var(--hover-shadow-action-rgb), 0.15);
                      }
                      :host-context([chrome-refresh-2023]):host(
                          .action-button:not(:active):hover
                        ) {
                        box-shadow: none;
                      }
                    }
                    :host([disabled]) {
                      background-color: var(--disabled-bg);
                      border-color: var(--disabled-border-color);
                      color: var(--disabled-text-color);
                      cursor: auto;
                      pointer-events: none;
                    }
                    :host(.action-button[disabled]) {
                      background-color: var(--disabled-bg-action);
                      border-color: transparent;
                    }
                    :host(.cancel-button) {
                      margin-inline-end: 8px;
                    }
                    :host(.action-button),
                    :host(.cancel-button) {
                      line-height: 154%;
                    }
                    :host-context([chrome-refresh-2023]):host(.floating-button),
                    :host-context([chrome-refresh-2023]):host(.tonal-button) {
                      border: none;
                      color: var(
                        --color-button-foreground-tonal,
                        var(--cr-fallback-color-on-tonal-container)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button[disabled]
                      ),
                    :host-context([chrome-refresh-2023]):host(
                        .tonal-button[disabled]
                      ) {
                      border: none;
                      color: var(--disabled-text-color);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button
                      ) {
                      border-radius: 8px;
                      height: 40px;
                      transition: box-shadow 80ms linear;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button:hover
                      ) {
                      box-shadow: var(--cr-elevation-3);
                    }
                    paper-ripple {
                      color: var(--ink-color);
                      height: var(--paper-ripple-height);
                      left: var(--paper-ripple-left, 0);
                      top: var(--paper-ripple-top, 0);
                      width: var(--paper-ripple-width);
                    }
                    :host-context([chrome-refresh-2023]) paper-ripple {
                      z-index: 1;
                    }
                  </style>
                  <div id="background"></div>
                  <slot id="prefixIcon" name="prefix-icon"></slot>
                  <span id="content"><slot></slot></span>
                  <slot id="suffixIcon" name="suffix-icon"></slot>
                  <div id="hoverBackground" part="hoverBackground"></div>
                  <!--_html_template_end_-->
                </template>
              </cr-button>
              <cr-button
                class="action-button"
                role="button"
                tabindex="-1"
                aria-disabled="true"
                disabled=""
              >
                <template shadowrootmode="open">
                  <!--_html_template_start_-->
                  <style>
                    :host([hidden]),
                    [hidden] {
                      display: none !important;
                    }
                  </style>
                  <style include="cr-hidden-style">
                    :host {
                      --active-shadow-rgb: var(--google-grey-800-rgb);
                      --active-shadow-action-rgb: var(--google-blue-500-rgb);
                      --bg-action: var(--google-blue-600);
                      --border-color: var(--google-grey-300);
                      --disabled-bg-action: var(--google-grey-100);
                      --disabled-bg: white;
                      --disabled-border-color: var(--google-grey-100);
                      --disabled-text-color: var(--google-grey-600);
                      --focus-shadow-color: rgba(
                        var(--google-blue-600-rgb),
                        0.4
                      );
                      --hover-bg-action: rgba(var(--google-blue-600-rgb), 0.9);
                      --hover-bg-color: rgba(var(--google-blue-500-rgb), 0.04);
                      --hover-border-color: var(--google-blue-100);
                      --hover-shadow-action-rgb: var(--google-blue-500-rgb);
                      --ink-color-action: white;
                      --ink-color: var(--google-blue-600);
                      --ripple-opacity-action: 0.32;
                      --ripple-opacity: 0.1;
                      --text-color-action: white;
                      --text-color: var(--google-blue-600);
                    }
                    @media (prefers-color-scheme: dark) {
                      :host {
                        --active-bg: black
                          linear-gradient(
                            rgba(255, 255, 255, 0.06),
                            rgba(255, 255, 255, 0.06)
                          );
                        --active-shadow-rgb: 0, 0, 0;
                        --active-shadow-action-rgb: var(--google-blue-500-rgb);
                        --bg-action: var(--google-blue-300);
                        --border-color: var(--google-grey-700);
                        --disabled-bg-action: var(--google-grey-800);
                        --disabled-bg: transparent;
                        --disabled-border-color: var(--google-grey-800);
                        --disabled-text-color: var(--google-grey-500);
                        --focus-shadow-color: rgba(
                          var(--google-blue-300-rgb),
                          0.5
                        );
                        --hover-bg-action: var(--bg-action)
                          linear-gradient(
                            rgba(0, 0, 0, 0.08),
                            rgba(0, 0, 0, 0.08)
                          );
                        --hover-bg-color: rgba(
                          var(--google-blue-300-rgb),
                          0.08
                        );
                        --ink-color-action: black;
                        --ink-color: var(--google-blue-300);
                        --ripple-opacity-action: 0.16;
                        --ripple-opacity: 0.16;
                        --text-color-action: var(--google-grey-900);
                        --text-color: var(--google-blue-300);
                      }
                    }
                    :host {
                      --paper-ripple-opacity: var(--ripple-opacity);
                      -webkit-tap-highlight-color: transparent;
                      align-items: center;
                      border: 1px solid var(--border-color);
                      border-radius: 4px;
                      box-sizing: border-box;
                      color: var(--text-color);
                      cursor: pointer;
                      display: inline-flex;
                      flex-shrink: 0;
                      font-weight: 500;
                      height: var(--cr-button-height);
                      justify-content: center;
                      min-width: 5.14em;
                      outline-width: 0;
                      overflow: hidden;
                      padding: 8px 16px;
                      position: relative;
                      user-select: none;
                    }
                    :host-context([chrome-refresh-2023]):host {
                      --border-color: var(
                        --color-button-border,
                        var(--cr-fallback-color-tonal-outline)
                      );
                      --text-color: var(
                        --color-button-foreground,
                        var(--cr-fallback-color-primary)
                      );
                      --hover-bg-color: transparent;
                      --hover-border-color: var(--border-color);
                      --active-bg: transparent;
                      --active-shadow: none;
                      --ink-color: var(--cr-active-background-color);
                      --ripple-opacity: 1;
                      --disabled-bg: transparent;
                      --disabled-border-color: var(
                        --color-button-border-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                      --disabled-text-color: var(
                        --color-button-foreground-disabled,
                        var(--cr-fallback-color-disabled-foreground)
                      );
                      --bg-action: var(
                        --color-button-background-prominent,
                        var(--cr-fallback-color-primary)
                      );
                      --text-color-action: var(
                        --color-button-foreground-prominent,
                        var(--cr-fallback-color-on-primary)
                      );
                      --hover-bg-action: var(--bg-action);
                      --active-shadow-action: none;
                      --ink-color-action: var(--cr-active-background-color);
                      --ripple-opacity-action: 1;
                      --disabled-bg-action: var(
                        --color-button-background-prominent-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                      background: 0 0;
                      border-radius: 100px;
                      isolation: isolate;
                      line-height: 20px;
                    }
                    :host([has-prefix-icon_]),
                    :host([has-suffix-icon_]) {
                      --iron-icon-height: 16px;
                      --iron-icon-width: 16px;
                      gap: 8px;
                      padding: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-prefix-icon_]
                      ),
                    :host-context([chrome-refresh-2023]):host(
                        [has-suffix-icon_]
                      ) {
                      --iron-icon-height: 20px;
                      --iron-icon-width: 20px;
                      --icon-block-padding-large: 16px;
                      --icon-block-padding-small: 12px;
                      padding-block-end: 8px;
                      padding-block-start: 8px;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-prefix-icon_]
                      ) {
                      padding-inline-end: var(--icon-block-padding-large);
                      padding-inline-start: var(--icon-block-padding-small);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [has-suffix-icon_]
                      ) {
                      padding-inline-end: var(--icon-block-padding-small);
                      padding-inline-start: var(--icon-block-padding-large);
                    }
                    :host-context(.focus-outline-visible):host(:focus) {
                      box-shadow: 0 0 0 2px var(--focus-shadow-color);
                    }
                    @media (forced-colors: active) {
                      :host-context(.focus-outline-visible):host(:focus) {
                        outline: var(--cr-focus-outline-hcm);
                      }
                      :host-context([chrome-refresh-2023]):host {
                        forced-color-adjust: none;
                      }
                    }
                    :host-context(
                        [chrome-refresh-2023].focus-outline-visible
                      ):host(:focus) {
                      box-shadow: none;
                      outline: 2px solid var(--cr-focus-outline-color);
                      outline-offset: 2px;
                    }
                    :host(:active) {
                      background: var(--active-bg);
                      box-shadow: var(
                        --active-shadow,
                        0 1px 2px 0 rgba(var(--active-shadow-rgb), 0.3),
                        0 3px 6px 2px rgba(var(--active-shadow-rgb), 0.15)
                      );
                    }
                    :host(:hover) {
                      background-color: var(--hover-bg-color);
                    }
                    @media (prefers-color-scheme: light) {
                      :host(:hover) {
                        border-color: var(--hover-border-color);
                      }
                    }
                    #background {
                      border-radius: inherit;
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 0;
                    }
                    :host-context([chrome-refresh-2023]):host(:hover)
                      #background {
                      background-color: var(--hover-bg-color);
                    }
                    :host-context(
                        [chrome-refresh-2023].focus-outline-visible
                      ):host(:focus)
                      #background {
                      background-clip: padding-box;
                    }
                    :host-context([chrome-refresh-2023]):host(.action-button)
                      #background {
                      background-color: var(--bg-action);
                    }
                    :host-context([chrome-refresh-2023]):host([disabled])
                      #background {
                      background-color: var(--disabled-bg);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .action-button[disabled]
                      )
                      #background {
                      background-color: var(--disabled-bg-action);
                    }
                    :host-context([chrome-refresh-2023]):host(.floating-button)
                      #background,
                    :host-context([chrome-refresh-2023]):host(.tonal-button)
                      #background {
                      background-color: var(
                        --color-button-background-tonal,
                        var(--cr-fallback-color-secondary-container)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host(
                        [disabled].floating-button
                      )
                      #background,
                    :host-context([chrome-refresh-2023]):host(
                        [disabled].tonal-button
                      )
                      #background {
                      background-color: var(
                        --color-button-background-tonal-disabled,
                        var(--cr-fallback-color-disabled-background)
                      );
                    }
                    #content {
                      display: contents;
                    }
                    :host-context([chrome-refresh-2023]) #content {
                      display: inline;
                      z-index: 2;
                    }
                    :host-context([chrome-refresh-2023]) ::slotted(*) {
                      z-index: 2;
                    }
                    #hoverBackground {
                      content: '';
                      display: none;
                      inset: 0;
                      pointer-events: none;
                      position: absolute;
                      z-index: 1;
                    }
                    :host-context([chrome-refresh-2023]):host(:hover)
                      #hoverBackground {
                      background: var(--cr-hover-background-color);
                      display: block;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .action-button:hover
                      )
                      #hoverBackground {
                      background: var(--cr-hover-on-prominent-background-color);
                    }
                    :host(.action-button) {
                      --ink-color: var(--ink-color-action);
                      --paper-ripple-opacity: var(--ripple-opacity-action);
                      background-color: var(--bg-action);
                      border: none;
                      color: var(--text-color-action);
                    }
                    :host-context([chrome-refresh-2023]):host(.action-button) {
                      --ink-color: var(--cr-active-on-primary-background-color);
                      background-color: transparent;
                    }
                    :host(.action-button:active) {
                      box-shadow: var(
                        --active-shadow-action,
                        0 1px 2px 0 rgba(var(--active-shadow-action-rgb), 0.3),
                        0 3px 6px 2px
                          rgba(var(--active-shadow-action-rgb), 0.15)
                      );
                    }
                    :host(.action-button:hover) {
                      background: var(--hover-bg-action);
                    }
                    @media (prefers-color-scheme: light) {
                      :host(.action-button:not(:active):hover) {
                        box-shadow:
                          0 1px 2px 0 rgba(var(--hover-shadow-action-rgb), 0.3),
                          0 1px 3px 1px
                            rgba(var(--hover-shadow-action-rgb), 0.15);
                      }
                      :host-context([chrome-refresh-2023]):host(
                          .action-button:not(:active):hover
                        ) {
                        box-shadow: none;
                      }
                    }
                    :host([disabled]) {
                      background-color: var(--disabled-bg);
                      border-color: var(--disabled-border-color);
                      color: var(--disabled-text-color);
                      cursor: auto;
                      pointer-events: none;
                    }
                    :host(.action-button[disabled]) {
                      background-color: var(--disabled-bg-action);
                      border-color: transparent;
                    }
                    :host(.cancel-button) {
                      margin-inline-end: 8px;
                    }
                    :host(.action-button),
                    :host(.cancel-button) {
                      line-height: 154%;
                    }
                    :host-context([chrome-refresh-2023]):host(.floating-button),
                    :host-context([chrome-refresh-2023]):host(.tonal-button) {
                      border: none;
                      color: var(
                        --color-button-foreground-tonal,
                        var(--cr-fallback-color-on-tonal-container)
                      );
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button[disabled]
                      ),
                    :host-context([chrome-refresh-2023]):host(
                        .tonal-button[disabled]
                      ) {
                      border: none;
                      color: var(--disabled-text-color);
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button
                      ) {
                      border-radius: 8px;
                      height: 40px;
                      transition: box-shadow 80ms linear;
                    }
                    :host-context([chrome-refresh-2023]):host(
                        .floating-button:hover
                      ) {
                      box-shadow: var(--cr-elevation-3);
                    }
                    paper-ripple {
                      color: var(--ink-color);
                      height: var(--paper-ripple-height);
                      left: var(--paper-ripple-left, 0);
                      top: var(--paper-ripple-top, 0);
                      width: var(--paper-ripple-width);
                    }
                    :host-context([chrome-refresh-2023]) paper-ripple {
                      z-index: 1;
                    }
                  </style>
                  <div id="background"></div>
                  <slot id="prefixIcon" name="prefix-icon"></slot>
                  <span id="content"><slot></slot></span>
                  <slot id="suffixIcon" name="suffix-icon"></slot>
                  <div id="hoverBackground" part="hoverBackground"></div>
                  <!--_html_template_end_-->
                </template>
              </cr-button>
            </div>
          </cr-dialog>
          <cr-action-menu id="actionMenu">
            <template shadowrootmode="open">
              <!---->
              <!--_html_template_start_-->
              <dialog id="dialog" part="dialog" role="application">
                <div
                  id="wrapper"
                  class="item-wrapper"
                  role="menu"
                  tabindex="-1"
                >
                  <slot id="contentNode"></slot>
                </div>
              </dialog>
              <!--_html_template_end_-->
            </template>
            <button
              id="actionMenuEdit"
              class="dropdown-item"
              role="menuitem"
            ></button>
            <button id="actionMenuRemove" class="dropdown-item" role="menuitem">
              移除
            </button>
          </cr-action-menu>
        </div>
        <cr-toast id="toast" duration="10000">
          <template shadowrootmode="open">
            <!--_html_template_start_-->
            <style>
              :host {
                --cr-toast-background: #323232;
                --cr-toast-button-color: var(--google-blue-300);
                --cr-toast-text-color: #fff;
              }
              @media (prefers-color-scheme: dark) {
                :host {
                  --cr-toast-background: var(--google-grey-900)
                    linear-gradient(
                      rgba(255, 255, 255, 0.06),
                      rgba(255, 255, 255, 0.06)
                    );
                  --cr-toast-button-color: var(--google-blue-300);
                  --cr-toast-text-color: var(--google-grey-200);
                }
              }
              :host {
                align-items: center;
                background: var(--cr-toast-background);
                border-radius: 4px;
                bottom: 0;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.28);
                box-sizing: border-box;
                display: flex;
                margin: 24px;
                max-width: var(--cr-toast-max-width, 568px);
                min-height: 52px;
                min-width: 288px;
                opacity: 0;
                padding: 0 24px;
                position: fixed;
                transform: translateY(100px);
                transition:
                  opacity 0.3s,
                  transform 0.3s;
                visibility: hidden;
                z-index: 1;
              }
              :host-context([chrome-refresh-2023]):host {
                --cr-toast-background: var(
                  --color-toast-background,
                  var(--cr-fallback-color-inverse-surface)
                );
                --cr-toast-button-color: var(
                  --color-toast-button,
                  var(--cr-fallback-color-inverse-primary)
                );
                --cr-toast-text-color: var(
                  --color-toast-foreground,
                  var(--cr-fallback-color-inverse-on-surface)
                );
                border-radius: 8px;
                line-height: 20px;
                padding: 0 16px;
              }
              :host-context([dir='ltr']) {
                left: 0;
              }
              :host-context([dir='rtl']) {
                right: 0;
              }
              :host([open]) {
                opacity: 1;
                transform: translateY(0);
                visibility: visible;
              }
              :host ::slotted(*) {
                color: var(--cr-toast-text-color);
              }
              :host ::slotted(cr-button) {
                background-color: transparent !important;
                border: none !important;
                color: var(--cr-toast-button-color) !important;
                margin-inline-start: 32px !important;
                min-width: 52px !important;
                padding: 8px !important;
              }
              :host ::slotted(cr-button:hover) {
                background-color: transparent !important;
              }
              :host-context([chrome-refresh-2023])
                ::slotted(cr-button:last-of-type) {
                margin-inline-end: -8px;
              }
            </style>
            <slot></slot>
            <!--_html_template_end_-->
          </template>
          <div></div>
          <dom-if style="display: none"><template></template></dom-if>
        </cr-toast>
        <!--_html_template_end_-->
      </template>
    </cr-most-visited>
    <script
      type="module"
      src="chrome://new-tab-page-third-party/new_tab_page_third_party.js"
    ></script>
    <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css" />
  </body>
</html>
